angular2:从本地计算机

时间:2016-10-26 06:02:25

标签: javascript angular typescript

您好我是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))
}

2 个答案:

答案 0 :(得分:4)

而不是e.files [0]
尝试

  

e.target.files [0]

代码段:

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

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

答案 1 :(得分:1)

感谢大家的回复。

最后,我使用&#39; ng2-file-upload&#39;并将它们上传到服务器。