将 HTML 表格导出为 excel 在 IE 中不起作用

IT技术 javascript jquery internet-explorer-10
2021-02-28 07:39:03

将 HTML 表格导出到 Excel 在 Chrome 和 Firefox 中运行良好，但在 Internet Explorer 10 中不起作用。

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>{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) {
    if (!table.nodeType) table = document.getElementById(table)
    var ctx = {
      worksheet: name || 'Worksheet',
      table: table.innerHTML
    }
    window.location.href = uri + base64(format(template, ctx))
  }
})()
4个回答

Excel 导出脚本适用于 IE7+ Mozilla 和 Chrome ========================================== ==================

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);
}

只需创建一个空白的 iframe

<iframe id="txtArea1" style="display:none"></iframe>

调用这个函数

<button id="btnExport" onclick="fnExcelReport();"> EXPORT </button>

JSFiddle（注意仅在 IE 10 中测试过）：http : //jsfiddle.net/x0av0ax5/1/

它在 IE 11 中运行良好。但是在导出后，当我打开 xls 文件时，它显示一条警告消息：“文件格式和扩展名不匹配。文件可能已损坏或不安全......你想要吗？还是打开它？” 如果我按是，excel 将完美打开。你有什么线索可以阻止警告消息吗？？？
2021-04-24 07:39:03
@Abdur Ra​​hman：此警告来自 excel 应用程序，这是因为我们以旧的 excel 格式（制表符分隔）保存数据。如果您希望使用最新的 excel 格式，则必须编写某种服务器代码并将文件附加到响应中，因为没有客户端脚本可以完美地用于新编码。
2021-05-04 07:39:03
谢谢桑普斯。如果有人发现任何客户端脚本来防止警告，请分享给其他人。
2021-05-15 07:39:03
使用版本 11.0.9600.18124
2021-05-18 07:39:03

请参阅这个使用 BLOB 的插件。 https://github.com/rainabba/jquery-table2excel

if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) // If Internet Explorer
{
  if (typeof Blob !== "undefined") {
    //use blobs if we can
    tab_text = [tab_text];
    //convert to array
    var blob1 = new Blob(tab_text, {
      type: "text/html"
    });
    window.navigator.msSaveBlob(blob1, "download.xls");
  } else {
    txtArea1.document.open("txt/html", "replace");
    txtArea1.document.write(tab_text);
    txtArea1.document.close();
    txtArea1.focus();
    sa = txtArea1.document.execCommand("SaveAs", true, "download.xls");
    return (sa);
  }
} 

else
  window.location.href = 'data:application/vnd.ms-excel,' + encodeURIComponent(tab_text);

数据uri不支持IE，也许您将excel xml数据发布到服务器以生成文件。

您可以使用 Downloadify (Flash) 生成文件。

https://github.com/dcneiner/Downloadify

首先，GitHub 中有示例，请使用您尝试过但不起作用/错误的任何代码修改问题。谢谢
2021-05-02 07:39:03

找到了一个社区版的SheetJS，它的工作原理就像一个cham！

没有类似“ 'file.xls' 的文件格式和扩展名不匹配。此文件可能已损坏或不安全。 ”的警告。

导入库 

    <script src="../Scripts/xlsx.full.min.js"></script>

粘贴调用库的函数

function doit(type, fn, dl) {
        var elt = document.getElementById('data-table');
        var wb = XLSX.utils.table_to_book(elt, { sheet: "Sheet JS" });
        return dl ?
            XLSX.write(wb, { bookType: type, bookSST: true, type: 'base64' }) :
            XLSX.writeFile(wb, fn || ('test.' + (type || 'xlsx')));
    }

使用按钮或任何适合您需要的东西来触发该功能。

<button id="btnExport" onclick="doit('xlsx');"> EXPORT </button>

示例代码可以在此页面中找到

其它你可能感兴趣的问题
上一篇如何检查客户端的网络/防火墙上的端口是否打开？ 下一篇规范化数组方法和返回值