javascript - 是否可以通过文件上传上传 JSON 文件并在不与 API 交谈的情况下读取 Angular 6 中的内容？

Question

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

搜索相似的接缝以带回如何在 Angular 中读取服务器上的本地文件，而不是通过文件上传。

Answer 1

您可以尝试以下方法:

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

我创建了这个 demo .查看并检查这是否是您需要的。