参考资料地址为这个
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是这样的
控制台打印出来的是这样的
该怎么用就不用我说了吧。