Maison >interface Web >js tutoriel >Comment déclencher des téléchargements de fichiers en utilisant uniquement des boutons HTML ou JavaScript ?

Comment déclencher des téléchargements de fichiers en utilisant uniquement des boutons HTML ou JavaScript ?

Barbara Streisand
Barbara Streisandoriginal
2024-12-01 04:24:15563parcourir

How to Trigger File Downloads Using Only HTML Buttons or JavaScript?

Déclenchement des téléchargements de fichiers avec des boutons HTML ou JavaScript

Question :

Comment pouvez-vous lancer un téléchargement de fichier lorsque vous cliquez sur un Bouton HTML sans utiliser de balises d'ancrage, de scripts backend ou de configurations de serveur ?

Bouton HTML Solution :

Vous pouvez utiliser l'attribut de téléchargement pour déclencher un téléchargement de fichier :

<button download="myfile.txt">Download Me</button>

où :

  • myfile.txt est le nom de fichier souhaité
  • L'URL du fichier doit être sur la même origine (domaine, protocole, etc.)

Solution JavaScript :

Pour télécharger un fichier via JavaScript, vous pouvez utiliser les API Blob et URL :

var fileUrl = URL.createObjectURL(new Blob([data], {type: 'text/plain'}));
var a = document.createElement('a');
a.href = fileUrl;
a.download = 'myfilename.txt';
a.click();

où :

  • data est le fichier data
  • 'text/plain' est le type de fichier
  • myfilename.txt est le nom de fichier 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