我在 IE 和 Google chrome 浏览器上导出 HTML 表格时遇到问题，表格有 2513 行表格数据。我在表格上看到 google chrome 有一个 URL 限制错误。
如果我从表格中删除一些内容并使其低于 2200 行，则可以导出到 excel。
但是对于当前有 2600 行的表格，导出到 excel 只会在 google chrome 上打开一个空白页面
下面是我导出到 excel 的函数和代码。你能告诉我 IE 和 Chrome 浏览器的修复/解决方法吗
服务器正在运行 IBM HTTP APP 服务器
<br>
<head>
<title> Server Data</title>
</head>
<br>
<h1 align=center style=color:#DC143C> Servers data</h1>
<br>
<br>
<br>
<input type="button" value="Export to Excel" style="font-size:12pt;color:white;background-color:green;border:5px solid #336600;padding:3px;float: left;" onclick="exportToExcel('exTable')" />
<br>
<iframe id="txtArea1" style="display:none"></iframe>
<br>
<br>
<script>
function exportToExcel(tableID){
var tab_text="<table border='2px'><tr bgcolor='#87AFC6' style='height: 75px; text-align: center; width: 250px'>";
var textRange; var j=0;
tab = document.getElementById(tableID); // id of table
for(j = 0 ; j < tab.rows.length ; j++)
{
tab_text=tab_text;
tab_text=tab_text+tab.rows[j].innerHTML.toUpperCase()+"</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, ""); //remove input params
var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");
base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s)))},
format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) {
return c[p]; }) }
if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) // If Internet Explorer
{
txtArea1.document.open("txt/html","replace");
txtArea1.document.write( '\r\n' + tab_text);
txtArea1.document.close();
txtArea1.focus();
sa=txtArea1.document.execCommand("SaveAs",true,"download.xls");
}
else {
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]--><meta http-equiv="content-type" content="text/plain; charset=UTF-8"/></head><body><table>{table}</table></body></html>'
var ctx = { worksheet: name || 'Worksheet', table:tab_text }
sa = window.open('data:application/vnd.ms-excel;base64,' +base64(format(template, ctx)));
}
return (sa);
}
</script>
Chrome 在点击导出到 excel 时打开一个空白页面
最佳答案
我创建了一个 JavaScript 库来处理在客户端导出到 Excel:https://github.com/jmaister/excellentexport/
简单用法:
<a download="somedata.xls" href="#" onclick="return ExcellentExport.excel(this, 'datatable', 'Sheet Name Here');">Export to Excel</a>
对于 XLSX 和不止一张纸:
<a download="somedata.xlsx"
href="#"
onclick="return ExcellentExport.convert({ anchor: this, filename: 'data_123.array', format: 'xlsx'},[{name: 'Sheet Name Here 1', from: {table: 'datatable'}}]);">
Export to CSV</a>
关于javascript - HTML 表格 - Excel 导出不工作 Google Chrome 和 IE，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54579384/