使用SHEETJS将Excel数据转换为JSON

Question

我试图使用SHEETJS将我的excel文件转换为JSON，但它表明fs.readFileSync不是一个函数。

import XLSX from 'xlsx';

function App() {

  const wb = XLSX.readFile("cricket.xlsx");
  const wsname = wb.SheetNames[0];
  const ws = wb.Sheets[wsname];
  const data = XLSX.utils.sheet_to_json(ws);
  console.log(data);

  return (
    <div className="App">
    </div>
  );
}

export default App;

Answer 1

https://github.com/SheetJS/sheetjs/issues/418

这个github问题似乎讨论了围绕这个错误的问题。最常见的情况似乎是，readFile函数不访问本地文件系统，而且您似乎试图从本地文件系统加载。

下面是我过去使用过的一个潜在解决方案，用于加载excel文件，然后将每个工作表解析为json数据。注:这是在一个角度12项目，但同样的readExcel功能可以使用。

component.html代码：

<input type="file" id="file" multiple (change)="readExcel($event)">

component.ts代码：

import { Component } from '@angular/core';
import * as XLSX from 'xlsx';

@Component({
  selector: 'my-app',
  styleUrls: ['./app.component.scss'],
  templateUrl: './app.component.html',
})
export class AppComponent {
 
  readExcel(event) {

    const file = event.target.files[0];
    const reader: FileReader = new FileReader();

    reader.readAsArrayBuffer(file);
    reader.onload = (e: any) => {

      // upload file
      const binarystr = new Uint8Array(e.target.result);
      const wb: XLSX.WorkBook = XLSX.read(binarystr, { type: 'array', raw: true, cellFormula: false });
      console.log(wb.Sheets)

      const wsname = wb.SheetNames[0];
      const data = XLSX.utils.sheet_to_json(wb.Sheets[wsname]);
      console.log(data)
    }
  }
}

下面是我从一个测试excel文件中使用的测试数据的屏幕截图，该文件中有两个工作表，每个工作表上都有一个3x3矩阵的数据。

​

​

下面是我上传测试excel文件时，上面的.json输出的.ts和.html代码的截图。

​

​