重命名轉換後的Excel文件AngularJS

我陷入了一種情況，我不得不重新命名我的excel文件。重命名轉換後的Excel文件AngularJS

場景：

我已經轉換成表格的Excel文件，這部分我已經成功完成，問題是，當我下載了它作爲下載文件：「Download.xls」我想重新命名爲「MYExcel.xls 」。

app.html

<button class="btn btn-link col-md-2" ng-click="exportToExcel('#tableToExport1')">Export</button>

app.js

$scope.exportToExcel=function(tableId){ // ex: '#my-table' 
    var exportHref=Excel.tableToExcel(tableId,'WireWorkbenchDataExport'); 
    console.log(location.href) 

    $timeout(function(){location.href=exportHref;},100); // trigger download 
}

Excel.service.js

.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)); 
        console.log(ctx) 
       return href; 
      } 
     }; 
    });

來源

2017-09-05 Kumail Hussain

最簡單的方法是利用所述download屬性的anchor tag的。

它指定要下載的文件名。

//old 
$timeout(function(){location.href=exportHref;},100); // trigger download 
//new 
$timeout(function(){ 
    var a = document.createElement('a'); 
    a.href=exportHref; 
    a.download = "MYExcel.xls"; 
    document.body.appendChild(a); 
    a.click(); 
    a.remove(); 
},100);

在過去，文件將由服務器提供服務器，並隨它一起發送的標題將發出下載規則和文件名。由於您直接從客戶端提供文件，因此無法定義此頭文件（無HTTP請求），所以我們需要玩技巧。在這裏，我爲主體添加了一個錨標記，觸發點擊以開始下載並將其刪除。您可能需要爲其添加樣式，以確保我們不會在頁面上看到它。

來源

2017-09-05 13:04:28 Salketer

說如果我使用xlsx會損壞 –

但對xls很好用 –

xls和xlsx是兩種非常不同的文件格式。確保使用與您生成的文件相符的擴展名。 – Salketer

重命名轉換後的Excel文件AngularJS

回答

相關問題