js 實現下載當前頁table資料（Excel）
阿新 • • 發佈：2018-12-18
下載方法1需要引入js，方法2不需要
js
/*
* jQuery table2excel - v1.1.1
* jQuery plugin to export an .xls file in browser from an HTML table
* https://github.com/rainabba/jquery-table2excel
*
* Made by rainabba
* Under MIT License
*/
!function(a,b,c,d){function e(b,c){this.element=b,this.settings=a.extend({},k,c),this html檔案
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>excel下載</title>
<script src="../js/jquery.min.js"></script>
<script src="../js/excel.min.js"></script>
</head>
<body>
<input type="button" id="upload" value="下載(方法1)"/>
<a class="statistics-download" onclick="upload('upload')">下載(方法2</a>
<table id="tableId" class="table table-striped">
<tr>
<th style="vertical-align: inherit; border: 0px;" class="th">課程名稱</th>
<th style="vertical-align: inherit; border: 0px;" class="th">上課時間</th>
<th style="vertical-align: inherit; border: 0px;" class="th">上課地點</th>
<th style="vertical-align: inherit; border: 0px;" class="th">課程型別</th>
<th style="vertical-align: inherit; border: 0px;" class="th">主講人</th>
<th style="vertical-align: inherit; border: 0px;" class="th">預約</th>
<th style="vertical-align: inherit; border: 0px;" class="th">預約實到</th>
<th style="vertical-align: inherit; border: 0px;" class="th">未預約聽課</th>
<th style="vertical-align: inherit; border: 0px;" class="th">總參與</th>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td >1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2<td>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
</table>
</body>
</html>
<script >
$("#upload").click(function () {
alert("下載資料（方法1）");
$("#tableId").table2excel({
exclude: ".excludeThisClass",
name: "課程統計",
filename: "課程統計.xls" //do not include extension
});
})
var idTmr;
function getExplorer() {
var explorer = window.navigator.userAgent;
//ie
if (explorer.indexOf("MSIE") >= 0) {
return 'ie';
}
//firefox
else if (explorer.indexOf("Firefox") >= 0) {
return 'Firefox';
}
//Chrome
else if (explorer.indexOf("Chrome") >= 0) {
return 'Chrome';
}
//Opera
else if (explorer.indexOf("Opera") >= 0) {
return 'Opera';
}
//Safari
else if (explorer.indexOf("Safari") >= 0) {
return 'Safari';
}
}
function upload(tableid,name="1.xlsx") { //整個表格拷貝到EXCEL中
alert("下載資料（方法2）");
if (getExplorer() == 'ie') {
var curTbl = document.getElementById(tableid);
var oXL = new ActiveXObject("Excel.Application");
//建立AX物件excel
var oWB = oXL.Workbooks.Add();
//獲取workbook物件
var xlsheet = oWB.Worksheets(1);
//啟用當前sheet
var sel = document.body.createTextRange();
sel.moveToElementText(curTbl);
//把表格中的內容移到TextRange中
sel.select;
//全選TextRange中內容
sel.execCommand("Copy");
//複製TextRange中內容
xlsheet.Paste();
//貼上到活動的EXCEL中
oXL.Visible = true;
//設定excel可見屬性
try {
var fname = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls");
} catch (e) {
print("Nested catch caught " + e);
} finally {
oWB.SaveAs(fname);
oWB.Close(savechanges = false);
//xls.visible = false;
oXL.Quit();
oXL = null;
//結束excel程序，退出完成
//window.setInterval("Cleanup();",1);
idTmr = window.setInterval("Cleanup();", 1);
}
} else {
tableToExcel(tableid)
}
}
function Cleanup() {
window.clearInterval(idTmr);
CollectGarbage();
}
var tableToExcel = (function () {
var uri = 'data:application/vnd.ms-excel;base64,',
template =
'<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table border="1">{table}</table></body></html>',
base64 = function (s) {
return window.btoa(unescape(encodeURIComponent(s)))
},
format = function (s, c) {
return s.replace(/{(\w+)}/g,
function (m, p) {
return c[p];
})
}
return function (table) {
if (!table.nodeType) table = document.getElementById("tableId");
var ctx = {
worksheet: name || 'Worksheet',
table: table.innerHTML
}
$('.statistics-download').attr('href',uri + base64(format(template, ctx)));
$('.statistics-download').attr('download',"孕婦聽課統計資料統計.xls");
}
})();
</script>