angular2 : 从本地机器读取文件答案

【问题标题】：angular2 : read a file from local machineangular2 : 从本地机器读取文件
【发布时间】：2017-12-11 13:28:19
【问题描述】：

您好，我是 JavaScript 和 Angular 2 的新手。

我想从本地机器读取一个文本文件并在页面上显示内容。我在资产文件夹中有文件。如何使用打字稿阅读它？

提前致谢:)

我尝试将文件路径传递为"e"，但我得到的错误是files[0]。如果我删除files[0] 错误，我得到的是parameter 1 不是'Blob' 类型。

private readSingleFile(e) {
    var fileName = e.files[0];
    console.log(fileName);
    if (!fileName) {
      return;
    }
    var reader = new FileReader();
    reader.onload = file => {
      var contents: any = file.target;
      this.text = contents.result;
    };
    reader.readAsText(fileName);
    console.log(reader.readAsText(fileName))
}

【问题讨论】：

使用 e.target.files 将 $event 从 html 传递给 readSingleFile

标签： javascript angular typescript

【解决方案1】：

而不是 e.files[0]
试试

e.target.files[0]

代码sn-p：

 var fileName = e.target.files[0];

 <input type='file' (change)='readSingleFile($event)'>

【讨论】：

【解决方案2】：

感谢大家的回复。

最后我使用“ng2-file-upload”读取文件并将它们也上传到服务器。

【讨论】：