javascript - 在 AngularJS 中上传文件

标签 javascript html angularjs file-upload

我正在尝试使用 angularJS 上传文件。问题是我想遵循良好实践并在我的 Controller 中使用这样的代码:

var vm = this;
vm.uploadFile = uploadFile;

但是我很难上传文件,因为我找到的每个答案都是基于 $scope 的,我无法修改它以使其与 vm 一起使用。

如何使以下代码与虚拟机一起工作?

<input type="file" name="file"  onchange="angular.element(this).scope().uploadFile(this.files)">

在我的controller.js中

 function uploadFile(files) {
    //working code proccessing file
  };

如何使提供的 html 工作?

最佳答案

我建议您使用现成的样板,例如ng-file-upload。在我们的项目中,它就像一个魅力:

Npm

https://www.npmjs.com/package/ng-file-upload

演示

https://angular-file-upload.appspot.com/

关于javascript - 在 AngularJS 中上传文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31559172/

相关文章:

javascript - 异步/等待解析 json

javascript - JavaScript 中的倒数计时器

javascript - AngularJS 嵌套 ng-repeat 与分组列表不循环

javascript - 在特定 DIV 中打开链接

javascript - ng 模型值在自定义指令中打印未定义

javascript - 使用 ng-change 进行 HTML 选择不起作用

javascript - 使用 jQuery 将宽度从 100% 更改为自动时的 css 转换不起作用

javascript - 使用 jQueryUI 从用户获取 bool 值

javascript - 带有 bootstrap-vue b-table 的 V 模型

javascript - 为单选点击输入添加值,然后删除