js讀取excel文件

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

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

 

兼容性:

 

 

 主要js位置:dist文件夾下

 

 

普通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];
        };
    }
}