js解析excel

版权声明:本文为博主原创文章,未经博主允许不得转载。 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是这样的
这里写图片描述

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

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

猜你喜欢

转载自blog.csdn.net/nayi_224/article/details/82114432