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

如何使用Angular 5读取文件内容？

1 个答案: