Maison > interface Web > js tutoriel > Comment déclencher des téléchargements de fichiers en utilisant JavaScript au lieu d'AJAX ?

Comment déclencher des téléchargements de fichiers en utilisant JavaScript au lieu d'AJAX ?

Susan Sarandon
Libérer: 2024-12-09 14:44:11
original
1031 Les gens l'ont consulté

How to Trigger File Downloads Using JavaScript Instead of AJAX?

Téléchargement de fichiers AJAX : gestion des événements de clic et récupération de fichiers côté serveur

Lorsque vous essayez de télécharger un fichier via une requête AJAX, vous pouvez rencontrer des défis. Examinons le problème et proposons une solution.

Dans votre code, vous avez une requête AJAX qui envoie une requête GET à "download.php". Cependant, cette approche n'est pas adaptée aux téléchargements de fichiers. Pour lancer un téléchargement de fichier, une stratégie différente est requise.

Solution :

Au lieu d'utiliser une requête AJAX, il est recommandé d'utiliser le "window.location" méthode. Cette méthode vous permet d'accéder à une URL spécifique, qui déclenchera le téléchargement du fichier. L'extrait de code suivant montre comment y parvenir :

function downloadFile() {
  window.location = "download.php";
}
Copier après la connexion

Côté serveur, votre script PHP ("download.php") doit être configuré pour gérer les téléchargements de fichiers en définissant les en-têtes HTTP appropriés et en envoyant le contenu du fichier. L'exemple de code suivant montre un exemple de la façon dont cela peut être implémenté :

header("Cache-Control: public");
header("Content-Description: File Transfer");
header("Content-Disposition: attachment; filename= file.txt");
header("Content-Transfer-Encoding: binary");    
readfile("file.txt");
Copier après la connexion

En suivant ces étapes, vous pouvez déclencher avec succès un téléchargement de fichier lorsqu'un utilisateur clique sur un bouton de votre page Web.

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