javascript - 在 Reactjs 中读取 excel 文件

标签 javascript jquery excel reactjs

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

我尝试了多个库,例如 Sheetjs , excel-parser , exceljs等等(如 8-9)库。

我在每个库中都遇到了奇怪且不同的错误。

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

Module not found: 'child_process'

那是因为它是一个节点模块,不能在浏览器中工作。

有人知道一些可以在浏览器中使用 reactjs 的好用且简单的库吗?

最佳答案

我已经使用 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);

关于javascript - 在 Reactjs 中读取 excel 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46909260/

相关文章:

javascript - React js中ajax调用后该列消失

php - 文件未上传并出现错误 "File is not uploaded please try again"?

VBA将单元格内容分配为公式而不是其结果

javascript - 如何使用 VeeValidate (Vue.Js) 上的字典为 ValidationProvider 自定义 “required” 错误消息

javascript - 如何将数据传递给 bootstrap-treeview?

javascript - 如何在变量 {content} 中的 200 个单词后添加 Admob

excel - 使用 DeepL API 翻译文本

excel - 有没有办法为 Excel 创建 Python 或 VBA 脚本,以按列表编号顺序(大纲中的顺序)合并数据行?

javascript - SVG:显示重叠形状的平均颜色

javascript - 无需 document.write 即可动态生成列表?