解析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中文网其它相关文章！
全网最新最细最实用WPS零基础入门到精通全套教程！带你真正掌握WPS办公！ 内含Excel基础操作、函数设计、数据透视表等
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
738
