Maison >interface Web >js tutoriel >Pouvez-vous forcer le téléchargement d'images du navigateur en un clic avec la programmation côté client ?

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

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-11-06 09:42:02811parcourir

Can You Force Browser Image Downloads on Click with Client-Side Programming?

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn