Forcer le navigateur à télécharger une image au clic d’un lien à l’aide de jQuery

Je voudrais commencer à télécharger une image en cliquant sur un lien.

Click here to download 

Je sais que nous pouvons utiliser l’atsortingbut de téléchargement de HTML5 ( forcer un navigateur à enregistrer le fichier après avoir cliqué sur le lien ), mais je ne voudrais pas l’utiliser car il ne fonctionnera pas dans les anciennes versions des navigateurs. J’ai essayé la méthode ici: Télécharger le fichier en utilisant Javascript / jQuery mais cela ouvre l’image dans l’iframe.

Quelqu’un peut-il m’aider à forcer un navigateur à télécharger une image en cliquant sur un lien à l’aide de jQuery?

Autant que je sache, il n’existe pas de solution multi-navigateur côté client pour résoudre ce problème (peu importe l’utilisation de jQuery ou de tout autre toolkit d’interface utilisateur). Ce que vous devez faire pour que le navigateur télécharge un fichier consiste à append des en-têtes HTTP à la réponse du serveur:

 Content-Type: application/octet-stream Content-Disposition: attachment; filename=image.jpg 

Ce message peut également vous être utile.

Vous pouvez utiliser l’atsortingbut de téléchargement , même si elle n’est pas entièrement prise en charge sur tous les navigateurs, vous pouvez utiliser modernizr pour prendre en charge / fallback pour les navigateurs non pris en charge.

Pour les navigateurs compatibles, consultez http://caniuse.com/#feat=download

  ImageName