如何使用Javascript下载时允许用户重命名文件

Question

我需要一个帮助。 使用Javascript / Angular.js下载时，我需要重命名文件。 实际上，我有一项功能可以将HTML表转换为excel表并下载。 我在下面解释我的代码。

$scope.generateExcelSheet=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]; }) }
      var table='exportable';
      var name='Report';
     // console.log('table',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

无需将窗口位置更改为数据url，而是创建一个<a>元素（它不必成为DOM的一部分，只需使用document.createElement('a') ），然后将URL放入href属性到base64网址，并添加带有您需要的任何文件名的download属性。 然后在创建的锚点上调用click() 。

这将适用于支持download属性的任何浏览器，这意味着-大多数现代浏览器，但IE11（但适用于Edge）和Safari除外。