本文轉載自：http://www.cnblogs.com/leechg/p/6407721.html 作者：Leechg 轉載請註明該聲明。
使用純Javascript解析excel文件。
使用的是開源的解析excel的js庫：sheetjs。github地址：https://github.com/SheetJS/js-xlsx
首先引用JS庫
<script src="od.js"></script> <script src="jszip.js"></script> <script src="xlsx.js"></script>
放置頁面組件
<body> <div id="drop">Drop an XLSX / XLSM / XLSB / ODS / XLS / XML file here to see sheet data</div> <p><input type="file" name="xlfile" id="xlf" /> ... or click here to select a file</p> </body>
頁面效果如下：
給dom元素添加監聽
function addLis() { var xlf = document.getElementById('xlf'); var drop = document.getElementById('drop'); drop.addEventListener("dragenter", handleDragover, false); drop.addEventListener("dragover", handleDragover, false); drop.addEventListener("drop", onDropDown, false); if(xlf.addEventListener) xlf.addEventListener('change', handleFile, false); } addLis(); function handleDragover(e) { e.stopPropagation(); e.preventDefault(); e.dataTransfer.dropEffect = 'copy'; } function onDropDown(e) { e.stopPropagation(); e.preventDefault(); var files = e.dataTransfer.files; var f = files[0]; readFile(f); } function handleFile(e) { var files = e.target.files; var f = files[0]; readFile(f); }
讀取文檔並輸出到控制檯：
function readFile(file) { var name = file.name; var reader = new FileReader(); reader.onload = function (e) { var data = e.target.result; var wb = XLSX.read(data, { type: "binary" }); console.log(wb); }; reader.readAsBinaryString(file); }
輸出示例：
