我想阅读一个csv文件,并通过使用angularjs和HTML5获取其内容。我想将csv文件的内容放在$ scope中。有人可以帮我吗:D
<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]); } }); } }; });
原文地址:https://www.jb51.cc/html5/168974.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。