angular - 如何使用 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);
    };           
  }
}

标签： angular

Answer 1

在记录结果之前，您必须阅读文件（即通过调用readAsText文本文件）。

var reader = new FileReader();

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

根据您的要求和类型文件，有很多方法可供您使用

readAsDataURL：对于图像，即

readAsBinaryString