如何读取Angular 5文件的内容？

Question

我想读取自输入类型文件的不同文件的内容

这是我的html代码：

<input id="input-file" type="file" name="file" (change)="onFileSelected($event)" accept="application/pdf;image/jpeg;image/gif;image/tif;image/tiff;image/jpg;image/png;application/vnd.openxmlformats-officedocument.presentationml.presentation"/>

这是类型脚本代码：

onFileSelected(event) {
  if(event.target.files.length > 0) {
    var reader = new FileReader();
    reader.onload = () => {
      console.log(reader.result);
    };           
  }
}

Answer 1

在记录结果之前，您必须读取该文件(即，通过调用文本文件的readAsText )。

var reader = new FileReader();

reader.onload = function(e) {
  var text = reader.result;
  console.log(text );
}    
reader.readAsText(file, encoding);

根据您的需求和类型文件，有很多方法可供您选择

readAsDataURL：对于镜像，即

readAsBinaryString