Question

私はイメージをダウンロードしています。 FirefoxやIEではなく、Chromeでのみ動作します。

 var a = document.createElement('a'); 
     a.href = canvas.toDataURL("image/jpeg").replace("image/jpeg", "image/octet-stream"); 
     a.download = 'Post-ITIE.jpg'; 
     a.click() 

どのブラウザをどのように動作させることができますか？

JsFiddle example

ヘルプは非常にいただければ幸いです。おかげ

Answer 1

var fileName = 'Post-ITIE.jpg'; 

if ('msToBlob' in canvas) { // IE10+ 
    var blob = canvas.msToBlob(); 
    navigator.msSaveBlob(blob, fileName); 
} else { 
    var a = document.createElement('a'); 
    a.setAttribute('href', canvas.toDataURL()); 
    a.setAttribute('target', '_blank'); 
    a.setAttribute('download', fileName); 
    a.style.display = 'none'; 
    document.body.appendChild(a); 
    a.click(); 
    document.body.removeChild(a); 
} 

それは事のカップルは異なるよりもコードが元々提供を行います。

msToBlob方法は、Internet Explorerでファイルのダウンロードをサポートするために存在していないか調べ

• 。
• リンク要素にtarget=blankを追加します。これにより、ブラウザがdownload属性をサポートしていなくても、画像が表示されます。
• .click()がFirefoxで実際に動作するように文書にリンクを追加し、後でそれを削除します。