Import excel from the front end

1. Import excel table data into the front-end page

Import is mainly done using sheetjs-master

sheetjs-master download address:

https://mp.csdn.net/console/upDetailed?utm_medium=fe.tool_bar_second.download.my_resources

example:

 var wb;//读取完成的数据
        var rABS = false; //是否将文件读取为二进制字符串
        //EXCEL导入
        function importFun(){
            var f=$("#file")[0].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',
                        codepage: 936
                    });
                }
                //wb.SheetNames[0]是获取Sheets中第一个Sheet的名字
                //wb.Sheets[Sheet名]获取第一个Sheet的数据
                document.getElementById("divContent").innerHTML= JSON.stringify( XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) );
                var res=$("#divContent").html();
                appendTable(res);
            };
            if(rABS) {
                reader.readAsArrayBuffer(f);
            } else {
                reader.readAsBinaryString(f);
            }
        }

Relevant information:

http://demo.haoji.me/2017/02/08-js-xlsx/

https://www.cnblogs.com/liuxianan/p/js-excel.html

Guess you like

Origin blog.csdn.net/shuoshuo_12345/article/details/108975585