在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/