第一步:当然是先引用xlsx.js
<script src="https://cdn.bootcss.com/xlsx/0.12.9/xlsx.full.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
第二步:就是写代码喽
<input type="file" onchange="importf(this)" />
<div id="demo"></div>
<script>
/* FileReader共有4种读取方法:
* 1.readAsArrayBuffer(file):将文件读取为ArrayBuffer。
* 2.readAsBinaryString(file):将文件读取为二进制字符串
* 3.readAsDataURL(file):将文件读取为Data URL
* 4.readAsText(file, [encoding]):将文件读取为文本,encoding缺省值为'UTF-8' */
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'
});
}
var seltext=wb.SheetNames[0]//是获取Sheets中第一个Sheet的名字
//wb.Sheets[Sheet名]获取第一个Sheet的数据
// document.getElementById("demo").innerHTML= JSON.stringify( XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) );
var objData = JSON.stringify( XLSX.utils.sheet_to_json(wb.Sheets[seltext]) );
console.log(objData);
}
if(rABS) {
reader.readAsArrayBuffer(f);
} else {
reader.readAsBinaryString(f);
}
function fixdata(data) {
//文件流转BinaryString
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>
当然有了Excel的文件读取,是不是有excel文件导入?
那就请继续关注后续文章吧