js讀取Excel文件


需導入本地jquery

(讀出來是json格式)

<!DOCTYPE html>
<html>
<head>
<title>js讀取Excel文件</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body class="Body noover">
    <input type="file" id="file"/>
    <div id="demo"></div>
</body>
<script src="/common/js/util/jquery-1.9.1.min.js"></script>
<script src="https://blog-static.cnblogs.com/files/xieyongbin/xlsx.full.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){

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


        $("#file").change(function(){
            if(!this.files) {
                return;
            }
            var f = this.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'
                    });
                }
                document.getElementById("demo").innerHTML= JSON.stringify( XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) );
            };
            if(rABS) {
                reader.readAsArrayBuffer(f);
            } else {
                reader.readAsBinaryString(f);
            }
        })

    })
</script>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM