解析Excel文件一般后端进行,但是今天遇到了需要在前端解析处理Excel文件数据,特记录一种实现方式:

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>解析Excel文件</title></head><body> <input type="file" onchange="importf(this)" /></body><script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script><script src="https://cdn.bootcss.com/xlsx/0.12.6/xlsx.full.min.js"></script><script type="text/javascript"> var wb;// 读取完成的数据 var rABS = false; // 是否将文件读取为二进制字符串 // 导入 function importf(obj) { if (!obj.files) { return; } var f = obj.files[0]; var reader = new FileReader(); reader.onload = function(e) { var data = e.target.result; if (rABS) { // 手动转化 wb = XLSX.read(btoa(fixdata(data)), { type : 'base64' }); } else { wb = XLSX.read(data, { type : 'binary' }); } // wb.SheetNames[0]是获取Sheets中第一个Sheet的名字 // wb.Sheets[Sheet名]获取第一个Sheet的数据JSON.stringify(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]])); }; if (rABS) { reader.readAsArrayBuffer(f); } else { reader.readAsBinaryString(f); } } // 文件流转BinaryString function fixdata(data) { var o = "", l = 0, w = 10240; for (; l < data.byteLength / w; ++l) { o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w, l * w + w))); } o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w))); return o; }</script></html>

以上就是js 解析本地的Excel文件 的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码