前端上传获取excel文件后,如何读取excel文件的内容
2024-10-21 19:35:23
1、安装xlsx
npm install xlsx --save-dev
2、引入xlsx并封装读取excel方法
import * as XLSX from "xlsx";
/**
* 读取excel内容
* @param {*} file
* @returns
*/
export const readExcel = (file) => {
return new Promise((resolve, reject) => {
try {
//获取上传对象
const fileReader = new FileReader();
fileReader.onload = (event) => {
const fileData = event.target.result;
//读取excel文件
const workboot = XLSX.read(fileData, {
type: "binary",
});
let sheel0 = workboot.SheetNames[0];
let blockArr = XLSX.utils.sheet_to_json(workboot.Sheets[sheel0]);
resolve(blockArr);
};
fileReader.readAsBinaryString(file);
} catch (e) {
reject(e);
// set_loading(false);
}
});
};
3、页面引入方法,获取excel内容
const data = await readExcel(file); //file指的是获取的excel文件对象,如e.file
console.log(data);
最新文章
- 我为什么还要造轮子?欠踹?Monk.UI表单美化插件诞生记!
- VMWARE + CENTOS在windows下配置cocos2d-x android开发环境
- WPF 获取程序路径的一些方法,根据程序路径获取程序集信息
- 2015年第2本(英文第1本):《The Practice of Programming》
- SQL数据库约束行为---防止数据漏填
- js中JSON对象和字符串对象相互转化
- oracle服务开机自启动
- 2014牡丹江——Domination
- linux: telnet
- mongo - 升级步骤
- centos6/7破解root密码的操作
- LeetCode算法题-Balanced Binary Tree(Java实现)
- Linux(CentOS)安装Node.JS和npm的两种方式(yum安装和源码安装)
- PEiD中识别虚拟地址和物理地址
- Koala ===》编译工具 ==》Less和Sass
- Android 测试之Monkey
- Catlike学习笔记(1.3)-使用Unity画更复杂的3D函数图像
- ceph mon更换ip地址
- bzoj1464
- python list内部功能记录