有没有办法将HTML表格导出到所有浏览器中工作的Excel？
我使用下面的代码，但它的作品只在Firefox。 它也不允许自定义导出的文件名。 它需要一个随机的文件名。
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" ><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>{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, name, filename) { var OriginalHTML = $('#' + table + '').html(); if (!table.nodeType) { table = document.getElementById(table); $(table).find(".EditColumns").remove(); } var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML } $(table).html(OriginalHTML); //window.location.href = uri + base64(format(template, ctx)) document.getElementById("aExportTable").href = uri + base64(format(template, ctx)); document.getElementById("aExportTable").download = filename; document.getElementById("aExportTable").click(); HighlightSelectedRow(); } })(); 尝试一个blob 。 应该在IE10 +，Chrome / Safari和Fx中工作
window.URL = window.URL || window.webkitURL; var blob = new Blob([format(template, ctx)]); // format is part of OP's code var blobURL = window.URL.createObjectURL(blob); if (blobURL) { $("<a/>") .attr("href", blobURL) .attr("download", fileName) .text("Download "+fileName+" for import") .appendTo('#downloadLink'); } else { $("#downloadLink").html("Please cut and paste from the table below"); }
下面的代码在IE8 +，Chrome和Firefox中对我来说非常完美。 这是将HTML表格导出到Excel而不使用blob，ActiveX-Elements或下载的最简单方法：
只需在您的HTML文档中插入一个空的Iframe即可：
<iframe id="txtArea1" style="display:none"></iframe>
将以下函数添加到您的脚本部分并replace表ID：
function fnExcelReport() { var tab_text="<table border='2px'><tr bgcolor='#87AFC6'>"; var textRange; var j=0; tab = document.getElementById('headerTable'); // id of table for(j = 0 ; j < tab.rows.length ; j++) { tab_text=tab_text+tab.rows[j].innerHTML+"</tr>"; //tab_text=tab_text+"</tr>"; } tab_text=tab_text+"</table>"; tab_text= tab_text.replace(/<A[^>]*>|<\/A>/g, "");//remove if u want links in your table tab_text= tab_text.replace(/<img[^>]*>/gi,""); // remove if u want images in your table tab_text= tab_text.replace(/<input[^>]*>|<\/input>/gi, ""); // reomves input params var ua = window.navigator.userAgent; var msie = ua.indexOf("MSIE "); if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) // If Internet Explorer { txtArea1.document.open("txt/html","replace"); txtArea1.document.write(tab_text); txtArea1.document.close(); txtArea1.focus(); sa=txtArea1.document.execCommand("SaveAs",true,"Say Thanks to Sumit.xls"); } else //other browser not tested on IE 11 sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text)); return (sa); }
最后调用函数：
<button id="btnExport" onclick="fnExcelReport();"> EXPORT </button>
或与JQuery：
$("#btnExport").click(function () { fnExcelReport(); });
Firefox支持HTML 5functiondata-uri here data:application
如果你想让它在所有浏览器上都能正常工作，最好在服务器端做，并相应地设置响应ContentType 。