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
Libérer: 2024-12-01 04:24:15
original
567 Les gens l'ont consulté

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>
Copier après la connexion

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();
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal