當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

利用js-xlsx.js插件实现Excel文件导入并解析Excel数据成json数据格式

發(fā)布時間：2025/7/14 编程问答 16 豆豆

生活随笔收集整理的這篇文章主要介紹了利用js-xlsx.js插件实现Excel文件导入并解析Excel数据成json数据格式小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS代碼訪問excel數(shù)據(jù)，改為json格式的數(shù)據(jù)</title>

</head>




<script src="./js/xlsx.full.min.js"></script>
<body>
<input type="file" οnchange="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;//讀取完成的數(shù)據(jù)
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)), {//手動轉(zhuǎn)化
type: 'base64'
});
} else {
wb = XLSX.read(data, {
type: 'binary'
});
}
//wb.SheetNames[0]是獲取Sheets中第一個Sheet的名字
//wb.Sheets[Sheet名]獲取第一個Sheet的數(shù)據(jù)
aa = JSON.stringify( XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) );
// console.log(aa);
　　　　　　　　　 // 這里的aa就是我想要的json數(shù)組
var u = eval('('+aa+')');
　　　　　　　　　 //? 將json數(shù)組顯示到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數(shù)據(jù)。
我想改寫importExcel(obj)這個函數(shù)，把文件的路徑寫死，不用<input type="file" οnchange="importExcel(this)"/>導入文件，
執(zhí)行函數(shù)importExcel(url)就把本地的excel轉(zhuǎn)換成json,不需要交互過程。還請貼吧大神支招。后續(xù)得到解決方案后，我會繼續(xù)更新這篇文章。

轉(zhuǎn)載于:https://www.cnblogs.com/share-idea/p/9902617.html

總結(jié)

以上是生活随笔為你收集整理的利用js-xlsx.js插件实现Excel文件导入并解析Excel数据成json数据格式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。