Pouvez-vous forcer le téléchargement d’images du navigateur en un clic avec la programmation côté client ?

Forcer le navigateur à télécharger des images en un clic : une solution côté client

Dans le but d'émuler la fonctionnalité de téléchargement transparente d'une feuille Excel , les développeurs peuvent rencontrer une lacune dans la gestion des téléchargements d'images par les navigateurs Web. Une question que cela soulève est la suivante : pouvons-nous induire un comportement du navigateur qui imite l'invite de téléchargement d'Excel à l'aide d'une programmation côté client ?

La réponse réside dans l'attribut « téléchargement » de HTML5. En ajoutant cet attribut aux liens d'images, les navigateurs compatibles déclencheront une invite de téléchargement avec le nom du fichier correspondant à l'URL spécifiée.

invite à télécharger l'image avec le nom de fichier par défaut (par exemple, image.png).

Pour personnaliser le nom du fichier, spécifiez une valeur dans l'attribut « télécharger » comme ceci :

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

Cependant, il est important de noter une limitation critique : cette approche n'est efficace que pour les URL de même origine. Depuis le printemps 2018, les navigateurs ne prennent plus en charge les téléchargements multi-origines à l'aide de l'attribut « téléchargement ». Par conséquent, les tentatives de lancement de téléchargements à partir de domaines externes ne produiront pas le comportement souhaité.

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!