14

我有一个包含表格视图的简单 HTML 页面（由外部应用程序生成）。我试图从页面上刮下表格并将它们放入 Excel 工作簿中。通过使用此处提供的方法，我已设法将整个 HTML 内容放入工作簿中。

相关问题的代码：

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

然而，该方法不支持多个电子表格。我需要的是在同一个 Excel 工作簿中它自己的电子表格中的每个 HTML 表。像这样的东西： 在此处输入图像描述

我尝试使用两个电子表格创建一个示例 Excel 文档，然后通过查看 .html 格式的导出对其进行逆向工程。不幸的是，我不明白如何重新创建工作簿和工作表之间的连接。

据我所知，该format()功能将工作表数据和 Excel 模板“神奇”地结合起来。这个函数对我来说看起来很神秘，所以我不知道如何去修改它。

作为最终游戏，我需要的是有可能调用类似的东西。 tableToExcel(document.getElementsByTagName('table'), 'Workbook Name');

任何想法，如果这是可能的，如果是这样 - 如何去实现它？

4

1 回答 1

3

查看这篇博文：http ://www.kubilayerdogan.net/?p=218

 $(document).ready(function() {
    $("#btnExport").click(function(e) {
        //getting values of current time for generating the file name
        var dt = new Date();
        var day = dt.getDate();
        var month = dt.getMonth() + 1;
        var year = dt.getFullYear();
        var hour = dt.getHours();
        var mins = dt.getMinutes();
        var postfix = day + "." + month + "." + year + "_" + hour + "." + mins;
        //creating a temporary HTML link element (they support setting file names)
        var a = document.createElement('a');
        //getting data from our div that contains the HTML table
        var data_type = 'data:application/vnd.ms-excel';
        var table_div = document.getElementById('dvData');
        var table_html = table_div.outerHTML.replace(/ /g, '%20');
        a.href = data_type + ', ' + table_html;
        //setting the file name
        a.download = 'exported_table_' + postfix + '.xls';
        //triggering the function
        a.click();
        //just in case, prevent default behaviour
        e.preventDefault();
    });
});

您可以在 jsfiddle 中看到它的实际效果：http: //jsfiddle.net/kublaios/8ZQN4/1/

于 2013-10-05T13:29:45.730 回答