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

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

Introduction

Lorsque vous cliquez sur des fichiers image dans un navigateur, le comportement par défaut consiste généralement à ouvrir l'image dans un nouvel onglet ou une nouvelle fenêtre. Cependant, dans certains cas, vous souhaiterez peut-être forcer le navigateur à télécharger l'image à la place.

Programmation côté client

Oui, il est possible d'y parvenir en utilisant programmation côté client, principalement avec HTML5.

Solution HTML5

Le téléchargement d'attributs HTML5 offre un moyen élégant de forcer le téléchargement d'images. Voici comment l'utiliser :

<a href="image.jpg" download>Download Image</a>

Comportement

En ajoutant l'attribut download à un élément d'ancrage, le navigateur invite à télécharger le fichier image avec son nom d'origine . L'utilisateur peut spécifier un nom personnalisé via la valeur de l'attribut de téléchargement.

Limitations

Il est important de noter que l'attribut de téléchargement n'est pris en charge que par les navigateurs modernes. De plus, pour les demandes d'images d'origine croisée (chargement d'images à partir d'un domaine différent), l'attribut de téléchargement n'est pas pris en charge dans les navigateurs modernes depuis le printemps 2018 en raison de problèmes de sécurité.

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!