角形上载csv文件到作用域而不是张贴到服务器

Question

Angular 1.5.8无法将输入类型的文件绑定到模型，所以我正在考虑使用Angular文件上载，但所有选项似乎都需要上载到服务器。我找不到一个库来帮助我将输入类型文件放入作用域。

所以我的问题是：如何让csv文件进入angular Scope？

Answer 1

您可以将FileReader用于用户选择的文件（！）

您的文件输入：

<input type="file" id="fileInput"/>

侦听元素上的更改事件：

document.getElementById("fileInput").addEventListener("change", function(e) {
   var file = e.target.files[0];
   if(!file)
      return;

   var reader = new FileReader();
   reader.onload = function(e) {
      var contents = e.target.result;
      // add it to a $scope variable
      $scope.fileContent = contents;
      $scope.$apply();    // if you are outside of the AngularJS digest cycle
   };
   reader.readAsText(file);       
}, false);