Ionic 3(或Ionic 2):使用<input type =“file”/>获取JSON文件内容

时间:2017-05-22 14:35:03

标签: ionic2 ionic3

我正在将Ionic 1应用程序迁移到Ionic 3(甚至是Ionic 2),我似乎无法访问用户选择的文件的JSON内容。

我有以下元素:

<input type="file" name="file" (change)="fileSelected($event)">

当我查看传递的事件时,我可以使用:

获取File对象
fileSelected(ev) {
  console.log('file: ', ev.target.files[0]);
  console.log('file: ', ev.srcElement.files[0]);
}

但我似乎无法获取文件的内容(在本例中只是JSON)。

有什么建议吗? 感谢...

1 个答案:

答案 0 :(得分:0)

我明白了:

fileSelected(ev) {
  let myFile = ev.target.files[0];
  let reader = new FileReader();
  reader.readAsText(myFile);
  reader.onload = (ev) => {
    this.fileJSON = reader.result;
  }
}