Javascript - 画像をExcelに書き出す

この機能を使用して、画像をExcel（XLS）に書き出すことができます。このコードはイメージの物理的な位置を必要とします。しかし、物理的なパスの代わりに、私は画像のdataUriを渡したいと思います。例えばデータ：image/jpeg; base64、/ 9j/4AAQSkZJRgABAQAAAQABAA ...Javascript - 画像をExcelに書き出す

可能ですか？要件のスクリーンショットを添付

function exportExcel() { 
 

 
    var template = { excel: '<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><meta name=ProgId content=Excel.Sheet> <meta name=Generator content="Microsoft Excel 11"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><!--[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>' }; 
 

 
    var format = function (s, c) { 
 
     return s.replace(new RegExp("{(\\w+)}", "g"), function (m, p) { 
 
      return c[p]; 
 
     }); 
 
    }; 
 

 
    var base64 = function (s) { 
 
     return window.btoa(window.unescape(encodeURIComponent(s))); 
 
    }; 
 

 
    var ctx = { worksheet: 'Worksheet', table: '<img src="file://C:/Temp/chart.png" alt="" />' }; 
 

 
    var b64 = base64(format(template.excel, ctx)); 
 

 
    blob = b64toBlob(b64, 'application/vnd.ms-excel'); 
 
    var blobUrl = window.URL.createObjectURL(blob); 
 

 
    var saveLink = document.createElement('a'); 
 

 
    saveLink.download = 'export.xls'; 
 
    saveLink.href = blobUrl; 
 
    saveLink.click(); 
 
} 
 

 

 
function b64toBlob(b64Data, contentType, sliceSize) { 
 
    contentType = contentType || ''; 
 
    sliceSize = sliceSize || 512; 
 

 
    var byteCharacters = window.atob(b64Data); 
 
    var byteArrays = []; 
 

 
    var offset; 
 
    for (offset = 0; offset < byteCharacters.length; offset += sliceSize) { 
 
     var slice = byteCharacters.slice(offset, offset + sliceSize); 
 

 
     var byteNumbers = new Array(slice.length); 
 
     var i; 
 
     for (i = 0; i < slice.length; i = i + 1) { 
 
      byteNumbers[i] = slice.charCodeAt(i); 
 
     } 
 

 
     var byteArray = new window.Uint8Array(byteNumbers); 
 

 
     byteArrays.push(byteArray); 
 
    } 
 

 
    var blob = new window.Blob(byteArrays, { 
 
     type: contentType 
 
    }); 
 
    return blob; 
 
}

。 enter image description here ありがとうございます！解答用データのURLでファイルのURLを交換してみてください

出典

2017-05-11 CPatel

....

var ctx = { worksheet: 'Worksheet', table: '<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAA..." alt="" />' };

出典

2017-05-11 21:42:29 MBurnham

ありがとう！私はそれを試したが、それは動作していません。私は、dataURIをimg srcに設定すると、その画像がWebページに表示されるのを観察しました。しかし、この関数はそれを処理しないように見えます。 – CPatel

Javascript - 画像をExcelに書き出す

答えて

関連する問題