批量导入Excel

系统管理员 2023-06-25 03:20 144阅读 0赞

## 页面批量导入Excel ##

> 下载一个xlsx.full.min.js文件，然后在页面里引入，再进行文件读取，这是html内容：

<!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
            <script src="xlsx.full.min.js"></script>
        </head>
        <body>
            <input type="file"onchange="importf(this)" />
            
            <div id="demo"></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 rABS = false; //是否将文件读取为二进制字符串
    
                function importf(obj) { //导入
                    if(!obj.files) { 
                        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的数据
    
                        
                        document.getElementById("demo").innerHTML= JSON.stringify( XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) );
                        console.log(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]))
                        console.log(wb.SheetNames.length);
                    };
                    if(rABS) { 
                        reader.readAsArrayBuffer(f);
                    } else { 
                        reader.readAsBinaryString(f);
                    }
                }
    
                function fixdata(data) {  //文件流转BinaryString
                    var o = "",
                        l = 0,
                        w = 10240;
                    for(; l < data.byteLength / w; ++l) o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w, l * w + w)));
                    o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w)));
                    return o;
                }
            </script>
        </body>
    </html>

读到了之后是这种，正经json数组：  
![在这里插入图片描述][20191225133856626.png]  
至于xlsx.full.min.js文件下载，哪哪儿都要money  
我有  
链接：https://pan.baidu.com/s/1aq3UQ3khGnWWHkNwREJizg  
提取码：344x

提了文件记得点赞呀，哇咔咔

[20191225133856626.png]: https://img-blog.csdnimg.cn/20191225133856626.png