利用js-xlsx.js插件实现Excel文件导入并解析Excel数据成json数据格式

<!--本文转载于网络，有太多一样的文章，不知道原作者是哪位了，就不注明出处了。这里记载下来，用于自己的学习借鉴-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS代码访问excel数据，改为json格式的数据</title>
    <!--利用js-xlsx实现Excel文件导入并解析Excel数据成json格式的数据-->
</head>
<!--<script src="http://oss.sheetjs.com/js-xlsx/.full.min.js"></script>-->
<!--<script src="https://github.com/SheetJS/js-xlsx.js"></script>-->
<!--外部链接的JS地址真心不靠谱，经常无法访问，这里的js插件还是自己下载到本地pc上或者部署到服务器上吧-->
<!--插件的下载地址：https://github.com/SheetJS/js-xlsx -->
<script src="./js/xlsx.full.min.js"></script>
<body>
    <input type="file" onchange="importExcel(this)" />
    <div id="output"></div>
    <script>
        // FileReader共有4种读取方法：
        // 1.readAsArrayBuffer(file)：将文件读取为ArrayBuffer。
        // 2.readAsBinaryString(file)：将文件读取为二进制字符串
        // 3.readAsDataURL(file)：将文件读取为Data URL
        // 4.readAsText(file, [encoding])：将文件读取为文本，encoding缺省值为'UTF-8'

        var wb;//读取完成的数据
        var aa=[];
        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的数据
                aa = JSON.stringify( XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) );
                // console.log(aa);
　　　　　　　　　 //  这里的aa就是我想要的json数组
                var u = eval('('+aa+')');
　　　　　　　　　 //  将json数组显示到div的innerHTML中
                document.getElementById("output").innerHTML= JSON.stringify( XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) );
　　　　　　　　　
                //获取表格中为address的那列存入text中
                for(var i=0;i<u.length;i++){
                    text.push(u[i].address);
                }
            };
            if(rABS) {
                reader.readAsArrayBuffer(f);
            } else {
                reader.readAsBinaryString(f);
                // reader.readAsText(f, "UTF-8")
            }
        }
    </script>

其实我是想使用这个demo，改写代码达到自己的需求，可惜知识面太窄，没有修改成功。上述代码中的aa即为我想要的JSON数据。
我想改写importExcel(obj)这个函数，把文件的路径写死，不用<input type="file" onchange="importExcel(this)"/>导入文件，
执行函数importExcel(url)就把本地的excel转换成json,不需要交互过程。还请贴吧大神支招。后续得到解决方案后，我会继续更新这篇文章。
利用js-xlsx.js插件实现Excel文件导入并解析Excel数据成json数据格式

猜你喜欢
