如何阅读角的js csv文件内容? [英] How to read csv file content in angular js?
本文介绍了如何阅读角的js csv文件内容?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想读一个CSV文件,并使用angularjs和HTML5得到其内容。我想提出在$范围csv文件的内容。任何一个可以帮助我吗? :D
我有这个code在我的HTML
<表ALIGN =中心>
< TR类=无国界>
< TD>选择.csv文件< / TD>
< TD><输入类型=文件名称=readCsvFileID =readCsvFile接受=CSV。> < / TD>
< TD><输入类型=按钮值=上传NG点击=uploadCsvFile()>< / TD>
< / TR>
< /表>
解决方案
使用自定义指令:
app.directive('的FileReader',函数(){
返回{
范围: {
的FileReader:=
},
链接:功能(范围,元素){
$(元素)。在('变',函数(changeEvent中){
var中的文件= changeEvent.target.files;
如果(files.length){
变种R =新的FileReader();
r.onload =功能(E){
VAR内容= e.target.result;
范围。$应用(函数(){
scope.fileReader =内容;
});
}; r.readAsText(文件[0]);
}
});
}
};
});
<一个href=\"http://plnkr.co/edit/eeQbR65oE8iljm7ueGhX?p=$p$pview\">http://plnkr.co/edit/eeQbR65oE8iljm7ueGhX?p=$p$pview
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. Any one can help me? :D
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>
解决方案
with a custom directive:
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
这篇关于如何阅读角的js csv文件内容?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文