我有文件上传控件,它保存所选文件,如下所示,
<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); }