解析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文件 的详细内容。