更改正在下载的文件的名称

时间:2017-10-04 15:58:44

标签: javascript angularjs excel download

我有这段代码导出和HTML表到Excel。我的问题是当文件下载对话框打开时,文件名始终为“download.xls”。有没有办法更改文件的名称?

此处的代码在点击按钮时调用,表格的ID传递给exporToExcel功能:

https://codepen.io/anon/pen/gGxNxV

var myApp=angular.module("myApp",[]);
myApp.factory('Excel',function($window){
    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 {
        tableToExcel:function(tableId,worksheetName){
            var table=$(tableId),
                ctx={worksheet:worksheetName,table:table.html()},
                href=uri+base64(format(template,ctx));
            return href;
        }
    };
})
.controller('MyCtrl',function(Excel,$timeout,$scope){
  $scope.exportToExcel=function(tableId){ // ex: '#my-table'
        var exportHref=Excel.tableToExcel(tableId,'WireWorkbenchDataExport');
        $timeout(function(){location.href=exportHref;},100); // trigger download
    }
});

1 个答案:

答案 0 :(得分:0)

这是一个示例,演示如何使用自定义文件名导出HTML表格:http://www.kubilayerdogan.net/javascript-export-html-table-to-excel-with-custom-file-name/