Question

在这里我正在使用文件上传功能上传一个json文件并在这里读取它的内容，问题是我得到的结果是字符串格式而不是对象，我该如何在对象中显示它

下面是我的代码：

.html

   <div class="form-group">
      <input type="file" (change)="filechanged($event)" />
   </div>

.ts

filechanged(e){
       this.file = e.target.files[0];
       this.uploadDocument(this.file);
      }

 uploadDocument(file){
    let fileReader = new FileReader();
    fileReader.onload =(e) => {
      this.Name =  fileReader.result;
      console.log(typeof this.Name);
    };
    fileReader.readAsText(this.file);
  }

在这里，我得到的输出类型是字符串而不是对象

Answer 1

使用JSON.parse(<your_data>)

解析字符串

  uploadDocument(file){
    let fileReader = new FileReader();
    fileReader.onload =(e) => {
      this.Name =  JSON.parse(fileReader.result);
      console.log(typeof this.Name);
    };
    fileReader.readAsText(this.file);
  }

Click here to try the code。

如何在javascript中使用文件阅读器将上传的文件内容显示为对象

1 个答案: