Angular 2中的文件上传控件

Question

在我的项目中，我需要开发一个页面，其中将包含2个文件上传控件和一些其他控件。 当用户选择文件时，它不能同时读取整个文件（可能以GB为单位），因此在输入所有其他字段之后，当用户单击“最终提交”按钮时，它应该开始读取文件（在后台）。 我们无法获取实际文件的完整文件路径，因此以后如何读取。 我在Java中使用angular 2和javascript创建文件上传控件。

Answer 1

在这种情况下，您可以使用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);
  }