版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/nayi_224/article/details/82114432
参考资料地址为这个
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" />
<script src="../../shim.js"></script>
<script src="../../dist/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) {
var reader = new FileReader();
reader.onload = function(e) {
process_wb(X.read(e.target.result, {type: 'binary'}));
};
reader.readAsBinaryString(files.target.files[0]);
};
(function() {
var xlf = document.getElementById('xlf');
if(!xlf.addEventListener) return;
xlf.addEventListener('change', do_file, false); //添加监听
})();
</script>
</body>
</html>
我的测试excel是这样的
控制台打印出来的是这样的
该怎么用就不用我说了吧。