前端js用js-xlsx插件读取xlsx表格内容

来源：互联网发布：geogebra mac 编辑：程序博客网时间：2024/06/07 06:37

本文欢迎转载，转载请注明出处，谢谢！ http://blog.csdn.net/colton_null 作者：喝酒不骑马 Colton_Null from CSDN

插件github地址：https://github.com/SheetJS/js-xlsx

demo

<!DOCTYPE html><html><head>  <meta charset="UTF-8">  <script src="../../plugins/js-xlsx/dist/xlsx.full.min.js"></script></head><body><input type="file" onchange="xlsxUpload(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 xlsxData;//读取完成的数据    var rABS = true; //是否将文件读取为二进制字符串    /**     * 表格文件文件上传     * @param obj     */    function xlsxUpload(obj) {        if(!obj.files) {            return;        }        var file = obj.files[0];        var reader = new FileReader();        reader.onload = function(e) {            var data = e.target.result;            if(rABS) {                xlsxData = XLSX.read(btoa(fixData(data)), {//手动转化                    type: 'base64'                });            } else {                xlsxData = XLSX.read(data, {                    type: 'binary'                });            }            // xlsxData.SheetNames[0]是获取Sheets中第一个Sheet的名字            // xlsxData.Sheets[Sheet名]获取第一个Sheet的数据            var obj = XLSX.utils.sheet_to_json(xlsxData.Sheets[xlsxData.SheetNames[0]]);// 拿到表格对象。默认表格第一行是字段，从第二行开始是数据            document.getElementById("demo").innerHTML= JSON.stringify( obj );// 输出        };        if(rABS) {            reader.readAsArrayBuffer(file);        } else {            reader.readAsBinaryString(file);        }    }    /**     * 文件流转BinaryString     * @param data     * @returns {string}     */    function fixData(data) {        var o = "";        var l = 0;        var 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>

阅读全文

0 0