2013-01-02 7 views
6

sto usando questa funzioneEsporta HTML in Excel, ma scegliere un nome per il file

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

Ecco l'esempio:

http://jsfiddle.net/insin/cmewv/

In questo esempio, cambiano il nome del foglio di lavoro, ma c'è un modo per cambiare il nome del file?

risposta

3

vedere le risposte a: Is there any way to specify a suggested filename when using data: URI?

In sostanza, non c'è modo di farlo con JavaScript. Se il file viene scaricato con un collegamento <a>, è possibile specificare un nome file utilizzando l'attributo download, ma this is not widely supported (in questo momento solo Chrome e BB10).

+0

Questo ha funzionato definitivamente! Be 'quasi. Ho bisogno del supporto per tutti i browser ma l'attributo download ha funzionato perfettamente su Chrome. Molte grazie! – GalloPinto

2

Questo funziona per me:

$scope.exportData = (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)) 
       var link = document.createElement("a"); 
        link.download = "filename.xls"; 
        link.href = uri + base64(format(template, ctx)); 
        link.click(); 
       } 
      })() 
2

opere anche per me. Aggiungo un prompt per prendere dinamicamente il nome del download

var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML} 
    //window.location.href = uri + base64(format(template, ctx)) 
    var downloadName = prompt("write some explanation", "table"); 
    var link = document.createElement("a"); 
    link.download = downloadName + ".xls"; 
    link.href = uri + base64(format(template, ctx)); 
    link.click(); 
Problemi correlati