Javascript 是否可以通过文件上传上传JSON文件并读取Angular 6中的内容，而无需与API交谈？

将下载的JSON文件作为结构。希望能够通过Angular中的文件上载（使用Angular 6）来上载它，然后直接在Angular中读取文件内容，而不是将其上载到API

---

搜索类似的接缝以返回如何以角度而不是通过文件上载读取服务器上的本地文件。

您可以尝试以下操作：

//In your Template:
<input type="file" name="files" (change)="uploadFile($event)" />

//In your component:
uploadFile(event) {
  if (event.target.files.length !== 1) {
    console.error('No file selected');
  } else {
    const reader = new FileReader();
    reader.onloadend = (e) => {
      // handle data processing
      console.log(reader.result.toString());
    };
    reader.readAsText(event.target.files[0]);
  }
}

//在模板中：
//在您的组件中：
上载文件（事件）{
if（event.target.files.length！==1）{
console.error（“未选择文件”）；
}否则{
const reader=new FileReader（）；
reader.onloadend=（e）=>{
//处理数据处理
log（reader.result.toString（））；
};
reader.readAsText（event.target.files[0]）；
}
}

我创造了这个。查看并检查这是否是您所需要的。

您是否正在寻找新产品？我强烈推荐这本指南：