Download Leinwand zu Bild in IE mit Javascript

Question

Unter Code wird Canvas zu Bild konvertieren und das gleiche wird in anderen Browsern als IE heruntergeladen (ich benutze IE9) .IE Code öffnet die DataURL in neue Registerkarte.Aber es kann nicht heruntergeladen werden .

 if(navigator.appName == "Microsoft Internet Explorer") 
       { 
        somehtml1= document.createElement("img"); 
        somehtml1.id="imgid";somehtml1.name="imgname"; 
        somehtml1.src=canvas.toDataURL("image/png"); 
        document.body.appendChild(somehtml1); 

        window.win = open (somehtml1.src); 
        setTimeout('win.document.execCommand("SaveAs")', 500); 
        }   
       else 
         { 
          somehtml= document.createElement("a"); 
somehtml.href = canvas.toDataURL("image/png"); 
somehtml.download = "test.png"; 

} 

Answer 1

schnell und einfach für Benutzer: einfach einen neuen Tab öffnen, die canvas.toDataURL anzuzeigen.

Benutzer wissen heute, wie Sie mit der rechten Maustaste klicken und speichern können.

Wenn Sie versuchen, die Schaltfläche "Speichern unter" für sie zu drücken, wird in Ihrer Software ein weiterer potenzieller Fehlerpunkt erstellt. [Das sind meine 2-Cent].

Beispielcode:

$("#save").click(function(){ 
     var html="<p>Right-click on image below and Save-Picture-As</p>"; 
     html+="<img src='"+canvas.toDataURL()+"' alt='from canvas'/>"; 
     var tab=window.open(); 
     tab.document.write(html); 
    }); 

[weitere Lösung]

Sie können die FileSaver.js Bibliothek verwenden die Benutzer speichern die Leinwand, um ihre lokalen Laufwerk zu lassen.

https://github.com/eligrey/FileSaver.js

Answer 2

Hier ist, was ich verwende - nicht sicher, welche Version von IE dies erfordert, wie ich 11 bin mit Es verwendet einen Klecks für IE und Leinwand als DataURL für andere Browser. Getestet in Chrome und IE 11.

(Leinwand ist die Leinwand Objekt, Link ist ein Hyperlink-Objekt)

  if (canvas.msToBlob) { //for IE 
       var blob = canvas.msToBlob(); 
       window.navigator.msSaveBlob(blob, 'dicomimage.png'); 
      } else { 
       //other browsers 
       link.href = canvas.toDataURL(); 
       link.download = "dicomimage.png"; 
      }