【JavaScript】-------通过 Javascript 技术获取Execl文件数据 实例代码展示

1. 通过 Javascript 技术获取Execl文件数据 实例代码展示

  <!--上传模板窗口--> boostrap 模态框 自己引用文件
    <!--<div id="frmModifyTemplate" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">-->
    <div class="modal fade" id="modalDefault" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header ">

                    <button type="button" class="close btn btn-default" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title text-bold">上传模板</h4>
                </div>
                <div class="modal-body">
                    <form id="frmModifyTemplate_Context" class="form-horizontal">
                        <div class="row">

                            <input id="fileUpload" type="file" data-show-preview="true" />
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default fontstyle2" data-dismiss="modal" aria-label="Close" id="btnOK">保存</button>
                    <button type="submit" class="btn btn-default fontstyle2" data-dismiss="modal" id="btnCancel">取消</button>
                </div>
            </div>
        </div>
    </div>
     <script src="/libs/xlxs/xlsx.full.min.js"></script>//请到网上下载
    <script>

        $("#btnOK").off("click").on("click", function () {
            if (jQuery("input[type='file']").val() == "") {
                layer.msg("请选择文件！");
                return false;
            } else {

                var fileUpload = document.getElementById("fileUpload");
                importf(fileUpload);
            }
        });

        //导入
        var wb;//读取完成的数据
        var rABS = false; //是否将文件读取为二进制字符串
        function importf(obj) {
            if (!obj.files) {
                return;
            }
            var f = obj.files[0];
            if (f.type == "application/vnd.ms-excel") {
                //return false;
            } else {
                if (f.type != "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet") {
                    layer.msg("请上传EXCEL文件 ,格式不对");
                    return;
                }
            }
            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(JSON.stringify(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]])));
                var jsondata = JSON.stringify(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]));

                // 绑定到表格里
                var hh = JSON.parse(jsondata);
                console.log(hh);//得到execl 导入的数据
                //下面就是你写代码的地方了
            

                
                };
            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>