在Reactjs中读取Excel文件

小编典典

在Reactjs中读取Excel文件

reactjs

在尝试在Reactjs中读取excel文件时，我已经在尝试敲打我的头了。

我已经尝试了多个库，如Sheetjs，excel-
parser，exceljs等（例如8-9）库。

我在每个库中都变得很奇怪和不同的错误。

例如我正在使用excel-parser并得到以下错误

Module not found: 'child_process'

那是因为它是一个节点模块，无法在浏览器中工作。

任何人都知道一些可以 在浏览器中 与 reactjs 一起使用的便捷库吗？

阅读 887

2020-07-22

共1个答案

小编典典

我已经使用 Sheetjs 的npm版本 xlsx 成功读取了excel文件。

这是代码：

import * as XLSX from 'xlsx';
//f = file
var name = f.name;
const reader = new FileReader();
reader.onload = (evt) => { // evt = on_file_select event
    /* Parse data */
    const bstr = evt.target.result;
    const wb = XLSX.read(bstr, {type:'binary'});
    /* Get first worksheet */
    const wsname = wb.SheetNames[0];
    const ws = wb.Sheets[wsname];
    /* Convert array of arrays */
    const data = XLSX.utils.sheet_to_csv(ws, {header:1});
    /* Update state */
    console.log("Data>>>"+data);
};
reader.readAsBinaryString(f);

2020-07-22