jx-xlsx(一)excel上传转为json数据上传

原文地址:利用JS-XLSX插件 用JS读取excel数据
原文js下载地址竟然在csdn下载列表?这踏马开源的东西竟然放进付费?

准备

1、准备一份xlsx文件
2、下载xlsx.core.min.js 下载地址:js-slsx(github)

代码

<input type="file" name="" onchange="importf(this)" id="" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">

<script src="../js/xlsx.core.min.js"></script>
<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的数据

            console.log(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]))
        };
        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>

具体效果

这里写图片描述

猜你喜欢

转载自blog.csdn.net/jx950915/article/details/81383299