1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 利用js-xlsx.js插件实现Excel文件导入并解析Excel数据成json数据格式

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

时间:2022-08-20 06:02:24

相关推荐

利用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="/js-xlsx/.full.min.js"></script>-->

<!--<script src="/SheetJS/js-xlsx.js"></script>-->

<!--外部链接的JS地址真心不靠谱,经常无法访问,这里的js插件还是自己下载到本地pc上或者部署到服务器上吧-->

<!--插件的下载地址:/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,不需要交互过程。还请贴吧大神支招。后续得到解决方案后,我会继续更新这篇文章。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。