本文介绍了如何在 AngularJS 中读取 csv 文件内容?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想使用 AngularJS 和 HTML5 读取 csv 文件并获取其内容.我想把 csv 文件的内容放在 $scope 中.
I want to read a csv file and get its content by using AngularJS and HTML5. I want to put the content of the csv file in $scope.
我的 html 中有此代码
I have this code in my html
<table align="center" >
<tr class="borderless">
<td>Choose .csv file</td>
<td><input type="file" name="readCsvFile" id="readCsvFile" accept=".csv"> </td>
<td><input type="button" value="Upload" ng-click="uploadCsvFile()"></td>
</tr>
</table>
推荐答案
带有自定义指令:
app.directive('fileReader', function() {
return {
scope: {
fileReader:"="
},
link: function(scope, element) {
$(element).on('change', function(changeEvent) {
var files = changeEvent.target.files;
if (files.length) {
var r = new FileReader();
r.onload = function(e) {
var contents = e.target.result;
scope.$apply(function () {
scope.fileReader = contents;
});
};
r.readAsText(files[0]);
}
});
}
};
});
http://plnkr.co/edit/eeQbR65oE8iljm7ueGhX?p=preview
这篇关于如何在 AngularJS 中读取 csv 文件内容?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!