使用 Angular 12 使用 js-xlsx 读取本地 Excel 文件？

Question

我的 Angular-CLI 前端开发服务器在本地运行 localhost:4200

出于特定原因，我需要将本地 Excel 文件存储在我的 PC 上，读取其内容并对 API 进行一些调用。而且它必须是从客户端。

我正在尝试使用 js-xlsx，已安装它，npm install xlsx但我找不到如何获取文件并读取其内容。

如何在 Angular 12 中使用 js-xlsx 导入本地 excel 文件？

注意：如果使用纯 JavaScript 可能/更容易，它对我也有效。

Answer 1

这是工作示例

onFileChange(ev) {
    let workBook = null;
    let jsonData = null;
    const reader = new FileReader();
    const file = ev.target.files[0];
    reader.onload = (event) => {
      const data = reader.result;
      workBook = XLSX.read(data, { type: 'binary' });
      jsonData = workBook.SheetNames.reduce((initial, name) => {
        const sheet = workBook.Sheets[name];
        initial[name] = XLSX.utils.sheet_to_json(sheet);
        return initial;
      }, {});
      const dataString = JSON.stringify(jsonData);
      document.getElementById('output').innerHTML = dataString.slice(0, 300).concat("...");
      this.setDownload(dataString);
    }
    reader.readAsBinaryString(file);
  }