Comment forcer un navigateur à télécharger des images en un clic ?

Comment forcer le navigateur à télécharger des fichiers image en un clic

Le problème

De nombreux utilisateurs rencontrent l'inconvénient du fait que les navigateurs n'ouvrent que les fichiers image au lieu de les télécharger eux. Ce comportement diffère de l'action par défaut lorsque vous cliquez sur des liens vers des fichiers Excel, qui invitent le navigateur à télécharger automatiquement le fichier.

Solution de programmation côté client

Heureusement, en utilisant la programmation côté client, c'est possible de forcer le navigateur à télécharger les fichiers image en un clic. HTML5 introduit l'attribut « télécharger », qui peut être ajouté aux liens pour lancer le processus de téléchargement.

<a href="/path/to/image.png" download>

Les navigateurs compatibles inviteront ensuite l'utilisateur à télécharger l'image avec le même nom de fichier (par exemple, image.png ).

Pour spécifier un nom de fichier personnalisé pour le fichier téléchargé, attribuez une valeur à l'attribut « téléchargement » :

<a href="/path/to/image.png" download="AwesomeImage.png">

Remarque : Depuis le printemps 2018, cette solution ne fonctionne plus pour les hrefs d'origine croisée. Par exemple, si vous essayez de créer un lien vers une image sur un autre domaine (par exemple, ), le téléchargement ne sera pas lancé. .

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!