Question

我指的是@bettelbursche从这个主题发布的脚本： Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browse （注意：我无法在那里回复，因为我没有达到所需的最低发布量）

我正在尝试将显示的HTML表仅保存为正在运行的XLS，但是，在单击“保存”按钮后，生成的文件被命名为＆＃34; download＆＃34; （Chrome）或＆＃34;未知＆＃34; （Safari），在打开重命名的download.xls文件时缺少文件扩展名并且还会触发Excel警告。

问题似乎在于这一行：

sa = txtArea1.document.execCommand("SaveAs", true, "DataTableExport.xls");

以下完整脚本：

        <script>
    function fnExcelReport()
    {
        var tab_text = '<table border="1px" style="font-size:10px" ">';
        var textRange; 
        var j = 0;
        var tab = document.getElementById('export'); // id of table
        var lines = tab.rows.length;

        // the first headline of the table
        if (lines > 0) {
            tab_text = tab_text + '<tr bgcolor="#DFDFDF">' + tab.rows[0].innerHTML + '</tr>';
        }

        // table data lines, loop starting from 1
        for (j = 1 ; j < lines; j++) {     
            tab_text = tab_text + "<tr>" + tab.rows[j].innerHTML + "</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
        // console.log(tab_text); // aktivate so see the result (press F12 in browser)

        var ua = window.navigator.userAgent;
        var msie = ua.indexOf("MSIE "); 

         // if Internet Explorer
        if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
            txtArea1.document.open("txt/html","replace");
            txtArea1.document.write(tab_text);
            txtArea1.document.close();
            txtArea1.focus();
            sa = txtArea1.document.execCommand("SaveAs", true, "DataTableExport.xls");
        }  
        else // other browser not tested on IE 11
            sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));  

        return (sa);
    } 
    </script>

我怀疑Chrome折旧了“另存为”对话框，但找不到任何相关文档。有趣的是，这个问题是在MAC / PC上的所有浏览器上触发的。希望对此有所了解;）

Answer 1

您的问题不在您确定的问题上。这段代码适用于Internet Explorer，如代码注释中所述。

问题在于：

sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));

没有任何东西告诉浏览器该文件的名称是什么，没有任何东西建立任何文件扩展名。您可以通过实施this answer来解决此问题，或者更为相关，因为您通过替换上面标识的行，将this answer链接到原始问题{/ 3}}。

为此，请替换：

 else // other browser not tested on IE 11
            sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));

使用：

else { // other browser not tested on IE 11
    var link = document.createElement('a');
    link.download = "DataTableExport.xls";
    link.href = 'data:application/vnd.ms-excel,' + encodeURIComponent(tab_text);
    link.click();
}

将html保存为xls - JS保存对话框错误

1 个答案: