角度上传csv文件到示波器不会发布到服务器

Question

我试图让用户上传CSV文件，以便可以显示和验证值。我不想直接将文件上传到服务器，我希望只在范围内，直到它被验证。

Angular 1.5.8无法将输入类型的文件绑定到模型see here 所以我在使用angular-file-upload，但所有选项似乎都需要上传到服务器。我无法找到一个能够帮助我获得输入类型文件的库。

所以我的问题是：我怎样才能获得一个csv文件到角度范围？

Answer 1

你可以使用的FileReader对于已经被用户选择的文件

您的文件输入（！）：

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

监听元素的change事件：

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);