js读取excel文件

原文地址:https://www.cnblogs.com/liuxianan/p/js-excel.html

所需插件地址:https://github.com/SheetJS/js-xlsx

 

兼容性:

js读取excel文件

 

 

 主要js位置:dist文件夹下

js读取excel文件

 

 

普通html中直接引入 xlsx.core.min.js

webpage中在js中引入,位置自己调整: 

import XLSX from '../xlsx.core.min';
如果页面报错:can not resolve 'fs'xxxxx,在配置文件中加入
node: {
fs: 'empty'
},

使用(其中一种方式,灵活调用下):

  html代码

 <input type="file" id="file">
 <input type="button" value="demo" id="demo">

 

function demo() {
let resultFile = document.getElementById('file').files[0];
if (resultFile) {
let reader = new FileReader();
reader.readAsBinaryString(resultFile);
reader.onload = function (e) {
let data = e.target.result;
let workbook = XLSX.read(data, {type: 'binary'});
var sheetNames = workbook.SheetNames; // 工作表名称集合
sheetNames.forEach(name => {
var worksheet = workbook.Sheets[name]; // 只能通过工作表名称来获取指定工作表
for (var key in worksheet) { // .v是读取单元格的原始值,.t是单元格内容类型,.f是单元公式 !开头是有合并,c是列r是行(从0开始算)
console.log(key, key[0] === '!' ? worksheet[key] : worksheet[key].v);
}
});
//直接获取sheet列表
//let sheets = workbook.Sheets;
//通过名字获取
//let sheet=sheets[name];
};
}
}

 

上一篇:C#调用Excel,拷贝图表到其他Excel文档中


下一篇:java操作Excel案例代码