代码之家 › 专栏 › 技术社区 › Blue

从typescript中的.json文件提取数据

typescript angular json

-1

Blue · 技术社区 · 6 年前

我有一个角度应用程序。我可以将.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,Â â¦}

2 回复 | 直到 6 年前

timduddy 6 年前

您可以这样做:

  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]);
    }
  }

Extreme 6 年前

试试这个。

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);
    }
}

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

1 年前

Kael · 在html表格中显示关系api数据-角度

2 年前