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);

  

最新文章

  1. 我为什么还要造轮子?欠踹?Monk.UI表单美化插件诞生记!
  2. VMWARE + CENTOS在windows下配置cocos2d-x android开发环境
  3. WPF 获取程序路径的一些方法,根据程序路径获取程序集信息
  4. 2015年第2本(英文第1本):《The Practice of Programming》
  5. SQL数据库约束行为---防止数据漏填
  6. js中JSON对象和字符串对象相互转化
  7. oracle服务开机自启动
  8. 2014牡丹江——Domination
  9. linux: telnet
  10. mongo - 升级步骤
  11. centos6/7破解root密码的操作
  12. LeetCode算法题-Balanced Binary Tree(Java实现)
  13. Linux(CentOS)安装Node.JS和npm的两种方式(yum安装和源码安装)
  14. PEiD中识别虚拟地址和物理地址
  15. Koala ===》编译工具 ==》Less和Sass
  16. Android 测试之Monkey
  17. Catlike学习笔记(1.3)-使用Unity画更复杂的3D函数图像
  18. ceph mon更换ip地址
  19. bzoj1464
  20. python list内部功能记录

热门文章

  1. demo code
  2. 在回显时遇到的问题,回显的值无法显示到页面 vue
  3. Android 6.0动态添加权限(Finn_ZengYuan博客)
  4. ctp认证权限
  5. python中的数据模型
  6. STM32F0使用LL库实现UART接收
  7. ubuntu18 build opencv4 from source
  8. Vue 的生命周期 详细解析(使用场景等)
  9. vmware 二次虚拟化
  10. 1.CD冷却效果