在AngularJS中上传文件

Question

我正在尝试使用angularJS上传文件。 问题是我想遵循良好做法并在控制器中使用如下代码：

var vm = this;
vm.uploadFile = uploadFile;

但这使我上载文件变得很困难，因为我找到的每个答案都基于$ scope，并且我无法对其进行修改以使其与vm一起使用。

如何使以下代码与vm一起使用？

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

在我的controller.js中

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

如何使提供的html工作？

Answer 1

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

Npm

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

演示版

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