Javascript 在AngularJS中将多个文件输入数据绑定到数据模型

HTML视图：

<form>
        <input type="file" file-input="files" multiple/>
      <button ng-click="initUpload()">Upload</button>
</form>

底线问题是：在控制器中，我将如何访问文件数组？目前我正试图使用

$scope.values[I]

访问它们，但这不起作用

如果我试图找到上传的文件数量，我认为

$scope.values.length

应该最理想地工作

---

我在这里遗漏了什么？

如果您同意相同的范围指令。您可以通过以下方式实现这一点

app.directive('fileInput', function() {
  return {
    scope: false,
    link: function(scope, element, attr) {
      element.on('change', function(event) {
        scope[attr.fileInput] = event.target.files;
      });
    }
  };
});

---

在父作用域（控制器的作用域）上设置文件。请您使用此选项上传图像，这是我见过的最好的@PankajSharma问题：多文件类型输入是的，我看到了，但您只需查看该链接的演示，您就会得到答案。此库包含所有文件上载解决方案。@Bowofola:Noob警报：您能解释一下如何在父作用域上设置文件吗？我认为这就是我们在做的：

modelSetter（范围、值）
app.directive('fileInput', function() {
  return {
    scope: false,
    link: function(scope, element, attr) {
      element.on('change', function(event) {
        scope[attr.fileInput] = event.target.files;
      });
    }
  };
});