[点晴永久免费OA]利用 js-xlsx 实现 Excel 文件导入并解析Excel数据成json格式的数据并且获取其中某列数据

当前位置：点晴教程→点晴OA办公管理信息系统 →『经验分享&问题答疑』

admin

2020年5月1日 1:37 本文热度 3262

工作中遇到excel读取,记录下：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</textarea>

FileReader共有4种读取方法：

1.readAsArrayBuffer(file)：将文件读取为ArrayBuffer。

2.readAsBinaryString(file)：将文件读取为二进制字符串

3.readAsDataURL(file)：将文件读取为Data URL

4.readAsText(file, [encoding])：将文件读取为文本，encoding缺省值为''UTF-8''

var wb; //读取完成的数据

var worksheet = [];

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的数据

worksheet = JSON.stringify(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]));

var u = eval(''('' + worksheet + '')'');

document.getElementById("demo").innerHTML = JSON.stringify(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]));

//获取表格中为''手机号码''的那列存入text中

for (var i = 0; i < u.length; i++) {

if(isPoneAvailable(u[i].手机号码))

text.push(u[i].手机号码);

}

console.log(text)

document.getElementById("phone").innerHTML = text

};

if (rABS) {

reader.readAsArrayBuffer(f);

} else {

reader.readAsBinaryString(f);

}

//手机号码正则

function isPoneAvailable(str) {

var myreg=/^[1][3,4,5,7,8][0-9]{9}$/;

if (!myreg.test(str)) {

return false;

} else {

return true;

}

</script>

</body>

</html>

需要读取的excel：

页面显示结果：

该文章在 2020/5/1 1:37:49 编辑过