2013-01-02 1 views
6

ich diese Funktion bin mitExport HTML-Tabelle in Excel, sondern wählen Sie einen Namen für die Datei

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

Hier ist das Beispiel:

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

In diesem Beispiel ändern sie den Namen des Arbeitsblatts, aber gibt es eine Möglichkeit, den Namen der Datei zu ändern?

Antwort

3

Siehe die Antworten auf: Is there any way to specify a suggested filename when using data: URI?

Grundsätzlich gibt es keine Möglichkeit, dies mit JavaScript zu tun. Wenn die Datei mit einem <a> Link heruntergeladen wird, können Sie einen Dateinamen mit dem Attribut download angeben, aber this is not widely supported (im Moment nur Chrome und BB10).

+0

Dies ist definitiv funktioniert! Naja fast. Ich brauche Unterstützung für alle Browser, aber das Download-Attribut funktionierte perfekt in Chrome. Danke vielmals! – GalloPinto

2

Dies funktioniert für mich:

$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

Werke auch für mich. Ich füge eine Aufforderung hinzu, den Download-Namen dynamisch zu übernehmen.

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