从typescript

Question

我有一个角度应用程序。我可以将.json文件加载到应用程序中，但我无法弄清楚访问文件中数据的语法。我在这个主题上发布了一个类似的问题，但我可能过于宽泛，我只需要知道如何访问我已经上传的文件中的数据以及我的应用程序识别为application / json文件

 startUpload(event: FileList){

    var file = event.item(0);

    console.log(file)    


  }

控制台输出

File(139404) {name: "turnaroundtest.json", lastModified: 1527392751758, lastModifiedDate: Sat May 26 2018 20:45:51 GMT-0700 (PDT), webkitRelativePath: "", size: 139404, …}

Answer 1

试试这个。

console.log('name' + jsonObject.name); 或

if (undefined !== jsonResponse.name && null !== jsonResponse.name){
    console.log('name' + jsonResponse.name);
}

如果你有json数组那么

for (const jsonObject in jsonResponse) {
    if (undefined !== jsonResponse[jsonObject].name && null !== jsonResponse[jsonObject].name) {
        console.log('name' + jsonResponse[jsonObject].name);
    }
}

Answer 2

以下是您的操作方法：

  detectFiles(event) {
    const files = event.target.files;
    if (event.target.files && event.target.files[0]) {
      const reader = new FileReader();
      reader.onload = ((e) => {
        const result = e.target['result'];
        console.log(JSON.parse(result));
      });
      reader.readAsText(event.target.files[0]);
    }
  }