Javascript 產出XLSX

先前已分享過Javascript產出Excel ，IE主要是透過ActiveXObject來執行Script，而非IE瀏覽器則是透過HTML的內容假裝是XLS檔案來匯出，若碰到IE被限制ActiveXObject不能執行的狀況就無法正常產出。

因此進一步找了一個JS的lib-- js-xlsx (簡單易懂的名稱)，是Open Source，可直接透過瀏覽器讀取用戶端的檔案而不需要透過Server 進行。

可讀取的檔案格式:

·      Excel 2007+ XML Formats (XLSX/XLSM)

·      Excel 2007+ Binary Format (XLSB)

·      Excel 2003-2004 XML Format (XML "SpreadsheetML")

·      Excel 97-2004 (XLS BIFF8)

·      Excel 5.0/95 (XLS BIFF5)

·      OpenDocument Spreadsheet (ODS)

可寫入的檔案格式:

·      XLSX

·      CSV (and general DSV)

·      JSON and JS objects (various styles)

GitHub:

https://github.com/SheetJS/js-xlsx

此lib主要是進行檔案內容的讀取及寫入，若要能下載則需要搭配另外的JS Lib，因此共需要的lib如下。

·         Blob.js —  http://purl.eligrey.com/github/Blob.js/blob/master/Blob.js

·         FileSaver.js — http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js

·         Export2Excel.js— copy from http://sheetjs.com/demos/table.html

·         xlsx.core.min.js— https://github.com/SheetJS/js-xlsx

以下提供簡單範例

<table id="export">
    <tr>
        <td>Number</td>
        <td>Name</td>
        <td>Gender</td>
        <td>Age</td>
    </tr>
    <tr>
        <td>1</td>
        <td>Mary</td>
        <td>Female</td>
        <td>48</td>
    </tr>
    <tr>
        <td>2</td>
        <td>Paul</td>
        <td>Male</td>
        <td>18</td>
    </tr>
</table>
<button id="exportBtn">Export</button>
<script>
    $(document).ready(function(){
       $("#exportBtn").click(function(){
           //將需要轉成Excel的Table取出
           var exportTable = document.getElementById("export");
           //匯出成Excel，此功能略有調整，原本傳的是ID，改為傳TableElement較方便
           export_table_to_excel(exportTable,"ExportExcel.xlsx");
       });
    });
</script>