Maison  >  Questions et réponses  >  le corps du texte

Bouton de téléchargement d'image à partir d'un serveur tiers

Dans n'importe quel navigateur, si vous voyez une image, vous pouvez faire un clic droit dessus et cliquer sur "Enregistrer sous" pour la télécharger.

J'essaie de créer un bouton pour télécharger une image

Le bouton de téléchargement doit télécharger l'image ci-dessus, le code-barres.

J'utilise React, je ne sais pas si cela est pertinent pour la réponse.

J'ai lu que vous pouvez utiliser l'attribut <a/> 标签与 download ensemble, cependant, j'utilise Firefox et il me redirige vers la page hébergeant l'image du code-barres et n'ouvre pas la fenêtre de téléchargement :

Le code est très simple et ressemble à ceci :

<a href='https://barcode.tec-it.com/barcode.ashx?data=${product.barcode}&code=&multiplebarcodes=true&backcolor=%23ffffff&quietzone=10&quietunit=Px&size=Small' download>click me</a>

À partir de la documentation MDN :

Le téléchargement ne fonctionne qu'avec la même URL d'origine, ou blob : et les mêmes données : plan.

Je souhaite mettre en œuvre cela, comment dois-je procéder ? Je ne possède pas le serveur hébergeant l'image.

Pouvons-nous faire cela en 2023 ?

D'autres problèmes sont le mélange entre les images locales et les images hébergées sur d'autres serveurs. J'ai donc pensé créer ce fil de discussion pour ceux d'entre vous qui ne sont intéressés que par les images sur des serveurs tiers. - Nous sommes donc tous front-end ici, il n'y a pas de choses liées au back-end.

P粉198670603P粉198670603240 Il y a quelques jours313

répondre à tous(1)je répondrai

  • P粉193307465

    P粉1933074652024-02-22 13:59:45

    Je pense que votre question fait référence à cette vieille question.

    Vous devez envoyer un en-tête Content-Disposition sur le serveur pour définir le fichier en pièce jointe afin que le navigateur n'essaye pas de gérer le fichier en interne.

    Veuillez consulter : lien image href cliquez pour télécharger

    répondre
    0
  • Annulerrépondre