使用Javascript下载xlsx格式的Excel文件（将html表格导出到Excel）

Question

我使用 JS、HTML 和 CSS 来构建我的应用程序并将其托管在服务器上。我正在使用以下代码将所有 html 表导入到 xls 格式的 excel 文件中。

function fnExcelReport(tableNames) {
    var tab_text = "";
    var arrTableNames = tableNames.split("|");
    if (arrTableNames.length > 0) {
        for (var i = 0; i < arrTableNames.length; i++) {

                tab_text = tab_text + "<table border='1px'>";

            tab = document.getElementById(arrTableNames[i]); 


            for (j = 0; j < tab.children.length; j++) {
                tab_text = tab_text + tab.children[j].innerHTML;
            }
            tab_text = tab_text + "</table><br/><br/>";
            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
    {
        if (window.navigator.msSaveBlob) {
            var blob = new Blob([tab_text], {
                type: "data:application/vnd.ms-excel;"
            });
            sa = navigator.msSaveBlob(blob, "report.xls");
        }
    } else //other browser not tested on IE 11
        sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));

    return (sa);
}

我可以下载该文件并打开它，但打开它时收到以下警告消息：

当我单击“是”时，我的所有数据都会正确显示在 Excel 文件上。我不想看到该警告消息。如何更改我的代码，使其以 xlsx 格式打开并删除警告消息？

Answer 1

这是因为内容不是“xls”类型。即，如果 excel 的类型为“xlsx”，您将收到此错误。尝试使用其他 Excel 扩展名和文件名。

Answer 2

在您的代码中，blob 不是 Excel 文件。因此，只需更改文件格式即可。无法生成正确的Excel文件。

有两种方式可以考虑。

1. 使用 JS Excel 库。然后你只需要使用JS Excel库API来生成Excel即可。

2. 使用服务器端Excel库（例如Java、.Net服务器）。这种方式需要你使用JS代码将Table数据传输到服务器，在服务器端生成Excel文件。然后使用JS代码下载Excel在服务器中生成。