Question

每个人，我都想设置要从html导出到xls的名称文件。当我导出文件时，我会得到 download.xls 文件。当我下载文件时，会得到另一个名称，例如 inventory.xls ，请帮助

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]--><meta 
    http-equiv="content-type" content="text/plain; charset=UTF- 
    8"/> 
    </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))
   }
 })()

Answer 1

取决于您如何设想用户与页面进行交互。

如果可以通过某种方式将此功能绑定到链接或按钮，则可以使用download属性

<a download='FileName' href='your_url'>

同时建议下载资源的文件名，并告诉浏览器指定的URI是专门用于下载而非导航的，这避免了您必须使用

window.location.href = uri + base64(format(template, ctx))

部分代码。

否则，这种功能通常由服务器提供，并且能够设置响应的HTTP标头。例如在PHP中：

header('Content-Disposition: attachment; filename="July Report.pdf"');

您的函数似乎并不依赖于任何动态组件或输入，因此建议您修改函数以使其在页面就绪状态下运行，以设置页面链接的href属性。假设您只需要一个按钮。

HTML：

<a download="inventory.xls" id="download-link" href=""> Download </a>

JS：

(function() {
  // Inlining these for simplicity. If you need multiple tables and download links on a page, 
  // you can always pull these out later
  let table = 'testTable';
  let name = 'W3C Example Table';

  let 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]--><meta 
    http-equiv="content-type" content="text/plain; charset=UTF- 
    8"/> 
    </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]; 
     })
   }

   if (!table.nodeType) table = document.getElementById(table)
   var ctx = {
      worksheet: name || 'Worksheet', 
      table: table.innerHTML
   }
   document.getElementById("download-link").href = uri + base64(format(template, ctx))
 })()

很明显，我不知道该如何使用，我的代码不一定能逐字记录。但希望有帮助

如何设置从导出html到xls的下载文件的名称？

1 个答案: