我有文件上传控件,它保存所选文件,如下所示,
<div class="Block"> <label id="lbl">File </label> <input #fileInput type='file'/> </div>
<button type="button" class="btn btn-primary" (click)="uploadDocument()">Upload File</button>
当我选择一个文件并单击上传按钮时,我需要文件中的内容,而不是将其发送到服务器并从那里读取.
注意:文件类型为csv
你可以在javascript中使用FileReader来实现它作为一个csv文件
<div class="Block"> <label id="lbl">Code </label> <input type='file' (change)="fileChanged($event)"> </div>
file:any; fileChanged(e) { this.file = e.target.files[0]; }
单击提交按钮时,您可以在javascript中使用FileReader的readAsText()方法获取如下内容,
uploadDocument(file) { let fileReader = new FileReader(); fileReader.onload = (e) => { console.log(fileReader.result); } fileReader.readAsText(this.file); }
原文地址:https://www.jb51.cc/angularjs/143414.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。