Javascript Girl
  1. Javascript Girl
  3. Télécharger la toile à l'image dans IE en utilisant Javascript
Intereting Posts
La liste ng-repeat dans AngularJS n'est pas mise à jour lorsqu'un appel ajax change sa valeur Apache Cordova Facebook Plugin BUILD FAILED Comment appeler la fonction Native Iphone / Android de Javascript? Passer un int array à MVC Controller Comment casser la fonction _.each dans underscore.js Quand JS interprète-t-il {} comme un bloc vide au lieu d'un objet vide? Alternative à async: faux ajax Passer le paramètre en utilisant onclick ou un clic en liaison avec KnockoutJS Chaîne ajax et exécutez-le en séquence. Jquery différé Comment remplacer une méthode appelée d'une portée externe à la fonction testée? Quelqu'un peut-il aider à décrire les deux types de stockage de tableaux en version javascript? Comment puis-je ouvrir un nouvel onglet à l'aide du protrateur et du navigateur Chrome Découvrez le numéro 'ligne' (ligne) du curseur dans une zone de texte Je souhaite charger une autre page HTML après un certain temps Quel est l'analogue de Knockout écritable calculé observable dans AngularJS?

Télécharger la toile à l'image dans IE en utilisant Javascript

Le code ci-dessous convertira la toile sur l'image et la même chose est téléchargée dans les navigateurs autres que IE (j'utilise IE9). Le code .IE ouvre leDataURL dans un nouvel onglet. Mais ce n'est pas téléchargeable. 

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"; }

Voici ce que j'utilise – je ne sais pas quelle version d'IE cela nécessite car j'utilise 11. Il utilise un blob pour IE et canvas en tant que dataURL pour d'autres navigateurs. Testé sur Chrome et IE 11.

(Le lien est l'objet canvas, le lien est un objet hypertexte) 

  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"; }

Rapide et facile pour les utilisateurs: ouvrez simplement un nouvel onglet affichant le lien.toDataURL.

Les utilisateurs connaissent aujourd'hui comment cliquer avec le bouton droit de la souris et les enregistrer.

En essayant de pousser le bouton enregistrer-comme pour eux, il suffit de créer un autre point d'échec potentiel dans votre logiciel. [C'est mes 2 centimes].

Exemple de code: 

  $("#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); });

[Solution supplémentaire]

Vous pouvez utiliser la bibliothèque FileSaver.js pour permettre à l'utilisateur de sauvegarder le canevas dans son lecteur local.

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