前端读取excel文件内容导入table
发表于:2024-06-28 |

前言

最近公司有点忙哈,也就没怎么更新博客,也没咋学习,等过阵子闲下来我会继续学习webgl的,本篇简单记录一下我使用xlsx这个库,来读取excel文件,进行内容导入table的功能。

使用

安装

1
npm install xlsx

代码中使用

我用以下代码读取出来就是我想要的array格式的数据

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import * as XLSX from "xlsx";
const reader = new FileReader();
reader.onload = (e) => {
const data = new Uint8Array(e.target.result);
const workbook = XLSX.read(data, { type: "array" });
// 读取第一张workSheet
const firstSheetName = workbook.SheetNames[0];
const worksheet = workbook.Sheets[firstSheetName];
// 校验格式是否正确
const arrayList = XLSX.utils.sheet_to_json(worksheet, {
header: 1,
})
}
// 这里的raw就是你理解的那个file.raw
reader.readAsArrayBuffer(raw);

结语

我的需求就只需要这样操作完成了,因为我只需要读取一页数据,更多的东西大家可以自己去发掘,这个库还是挺强的,读取,导出等,如果对于公司很多需要前端操作excel之类的文档的同学可以好好去了解一下,债见~

上一篇:
【可视化学习】72-从入门到放弃WebGL(九)
下一篇:
【可视化学习】71-从入门到放弃WebGL(八)