<!--本文轉載於網絡，有太多一樣的文章，不知道原作者是哪位了，就不注明出處了。這里記載下來，用於自己的學習借鑒-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS代碼訪問excel數據，改為json格式的數據</title>
<!--利用js-xlsx實現Excel文件導入並解析Excel數據成json格式的數據-->
</head>
<!--<script src="http://oss.sheetjs.com/js-xlsx/.full.min.js"></script>-->
<!--<script src="https://github.com/SheetJS/js-xlsx.js"></script>-->
<!--外部鏈接的JS地址真心不靠譜，經常無法訪問，這里的js插件還是自己下載到本地pc上或者部署到服務器上吧-->
<!--插件的下載地址：https://github.com/SheetJS/js-xlsx -->
<script src="./js/xlsx.full.min.js"></script>
<body>
<input type="file" onchange="importExcel(this)" />
<div id="output"></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 aa=[];
var text=[];
var rABS = false; //是否將文件讀取為二進制字符串
function importExcel(obj) {//導入
if(!obj.files) {
return;
}
const IMPORTFILE_MAXSIZE = 1*2048;//這里可以自定義控制導入文件大小
var suffix = obj.files[0].name.split(".")[1];
if(suffix != 'xls' && suffix !='xlsx'){
alert('導入的文件格式不正確!');
return
}
if(obj.files[0].size/1024 > IMPORTFILE_MAXSIZE){
alert('導入的表格文件不能大於2M');
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的數據
aa = JSON.stringify( XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) );
// console.log(aa);
// 這里的aa就是我想要的json數組
var u = eval('('+aa+')');
// 將json數組顯示到div的innerHTML中
document.getElementById("output").innerHTML= JSON.stringify( XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) );
//獲取表格中為address的那列存入text中
for(var i=0;i<u.length;i++){
text.push(u[i].address);
}
};
if(rABS) {
reader.readAsArrayBuffer(f);
} else {
reader.readAsBinaryString(f);
// reader.readAsText(f, "UTF-8")
}
}
</script>
其實我是想使用這個demo，改寫代碼達到自己的需求，可惜知識面太窄，沒有修改成功。上述代碼中的aa即為我想要的JSON數據。
我想改寫importExcel(obj)這個函數，把文件的路徑寫死，不用<input type="file" onchange="importExcel(this)"/>導入文件，
執行函數importExcel(url)就把本地的excel轉換成json,不需要交互過程。還請貼吧大神支招。后續得到解決方案后，我會繼續更新這篇文章。
利用js-xlsx.js插件實現Excel文件導入並解析Excel數據成json數據格式
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。