Comment déclencher des téléchargements de fichiers en HTML/JavaScript sans utiliser d'ancres ou de code côté serveur ?

Comment déclencher le téléchargement de fichiers à l'aide de boutons HTML ou JavaScript

Question : Comment déclencher un téléchargement de fichier lorsque vous cliquez sur un bouton HTML ou que vous exécutez JavaScript sans utiliser d'ancres, de scripts back-end ou modifier les en-têtes du serveur ?

HTML Méthode :

L'attribut de téléchargement HTML5 permet le téléchargement de fichiers lorsqu'il est appliqué à une balise d'ancrage (). Précisez le chemin d'accès au fichier et le nom de fichier proposé comme suit :

<a href="path_to_file" download="proposed_file_name">Download</a>

Restrictions :

Notez que le fichier doit résider sur la même origine que la page (c'est-à-dire, même domaine, sous-domaine, protocole et port). Les exceptions incluent blob :, data : et file :. Laissez le nom de fichier proposé vide pour utiliser le nom réel du fichier.

Méthode JavaScript :

Pour déclencher un téléchargement via JavaScript, vous pouvez utiliser le code suivant :

const downloadElement = document.getElementById("file-request");
downloadElement.addEventListener("click", () => {
    const link = document.createElement("a");
    link.setAttribute("href", "path_to_file");
    link.setAttribute("download", "proposed_file_name");
    link.click();
});

Ce code crée un élément d'ancrage caché, définit ses attributs de téléchargement et simule un clic dessus pour lancer le télécharger.

Remarques supplémentaires :

• Assurez-vous que votre serveur est correctement configuré pour gérer les téléchargements de fichiers.
• Pour des informations plus détaillées, reportez-vous à la documentation MDN sur le téléchargement, HTML Standard sur le téléchargement, HTML Standard sur l'attribut de téléchargement et CanIUse pour la compatibilité du navigateur.

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!