2016-04-28 71 views
2

我在我用下面的代碼項目導出Excel文件:導出Excel與頭包括圖像

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]--><meta http-equiv="content-type" content="text/plain; charset=UTF-8"/></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 
     } 
     var blob = new Blob([format(template, ctx)]); 
     var blobURL = window.URL.createObjectURL(blob); 
     return blobURL; 
    } 
})() 

$("#btnExport").click(function() { 
    var todaysDate = moment().format('DD-MM-YYYY'); 
    var blobURL = tableToExcel('account_table', 'test_table'); 
    $(this).attr('download', todaysDate + '.xls') 
    $(this).attr('href', blobURL); 
}); 

Fiddle

現在,我想在我的工作表中插入頁眉包括像this的畫面。我無法找到與此相關的任何內容,這是否可能?

謝謝。

回答

2

如果你想是這樣的 https://jsfiddle.net/r8bx18kx/ 添加

<img> <h1> etc 

在頂部,給圖像的URL,還可以應用內嵌樣式爲準確佈局的元素。

+0

沒有@Pixel,我想要通過Excel的Insert> Header&Footer選項添加的標題。如果你還不明白,請告訴我。 –

+0

@Danish Adeel我認爲你需要advace格式檢查這個https://github.com/SheetJS/js-xlsx – Viney