通常，一般讀取Excel都是由后台來處理，不過如果需求要前台來處理，也是可以的。
（注：本人其他文章，請點擊 更多文章）
1.需要用到js-xlsx，下載地址：js-xlsx
2.demo:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="./js/xlsx.full.min.js"></script>
</head>
<body>
<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'
});
}
//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]]) );
};
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>
</body>
</html>