在我的项目中,我需要开发一个页面,其中将包含2个文件上传控件和一些其他控件。当用户选择文件时,它不能同时读取整个文件(可能以GB为单位),因此在输入所有其他字段之后,当用户单击“最终提交”按钮时,它应该开始读取文件(在后台)。我们无法获取实际文件的完整文件路径,因此以后如何读取。我在这里将Angular 2与javascript一起使用来创建文件上传控件。
答案 0 :(得分:0)
在这种情况下,您可以使用FileReader
。
HTML:
<div>
Select file:
<input type="file" (change)="changeListener($event)">
</div>
TS:
changeListener($event) : void {
this.readThis($event.target);
}
readThis(inputValue: any) : void {
var file:File = inputValue.files[0];
var myReader:FileReader = new FileReader();
myReader.onloadend = function(e){
// you can perform an action with readed data here
console.log(myReader.result);
}
myReader.readAsText(file);
}