js解析excel

参考资料地址为这个
https://github.com/SheetJS/js-xlsx/tree/master/demos/datagrid

不过里面有太多我用不上的代码。下面是我写的精简版的示例代码(相关js在这里下https://github.com/SheetJS/js-xlsx)。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>SheetJS + canvas-datagrid Live Demo</title>
<style>
</style>
</head>
<body>
<input type="file" name="xlfile" id="xlf" />
<input type="button" value="提交" onclick="doSubmit();">

<script src="./shim.js"></script>
<script src="./xlsx.full.min.js"></script>
<script>
var X = XLSX;

function process_wb(wb) {
    var ws = wb.Sheets[wb.SheetNames[0]];   //获取第几个sheet页
    var data = XLSX.utils.sheet_to_json(ws, {header:1});    //header 从第几行开始解析
    console.log(data);      //得到一个二维数组。
};

function do_file(files) {
	// console.log(files.files[0]);
    var reader = new FileReader();
    reader.onload = function(e) {
        process_wb(X.read(e.target.result, {type: 'binary'}));
    };
    reader.readAsBinaryString(files.files[0]);
	//下载
	var wb = XLSX.utils.book_new();
	var ws = XLSX.utils.aoa_to_sheet([["a","b", 3, 6],[1,2,34,5,6]]);
	XLSX.utils.book_append_sheet(wb, ws, "SheetJS");
	
	XLSX.writeFile(wb, "SheetJS.xlsx", {compression:true});
};

function doSubmit(){
	do_file(document.getElementById('xlf'));
}

</script>

</body>
</html>


我的测试excel是这样的
这里写图片描述

控制台打印出来的是这样的
这里写图片描述

该怎么用就不用我说了吧。

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值