利用js-xlsx.js插件实现Excel文件导入并解析Excel数据成json数据格式
生活随笔
收集整理的這篇文章主要介紹了
利用js-xlsx.js插件实现Excel文件导入并解析Excel数据成json数据格式
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!--本文轉載于網絡，有太多一樣的文章，不知道原作者是哪位了，就不注明出處了。這里記載下來，用于自己的學習借鑒-->
<!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" ο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;//讀取完成的數據
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" οnchange="importExcel(this)"/>導入文件，
執行函數importExcel(url)就把本地的excel轉換成json,不需要交互過程。還請貼吧大神支招。后續得到解決方案后，我會繼續更新這篇文章。
<!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" ο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;//讀取完成的數據
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" οnchange="importExcel(this)"/>導入文件，
執行函數importExcel(url)就把本地的excel轉換成json,不需要交互過程。還請貼吧大神支招。后續得到解決方案后，我會繼續更新這篇文章。
轉載于:https://www.cnblogs.com/share-idea/p/9902617.html
總結
以上是生活随笔為你收集整理的利用js-xlsx.js插件实现Excel文件导入并解析Excel数据成json数据格式的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 11.02T1 几何
- 下一篇： P1-JAVA