Comment puis-je détecter lorsqu'un téléchargement de fichier est terminé dans un navigateur utilisant JavaScript ?

Déterminer la fin du téléchargement d'un fichier dans un navigateur

Dans cette requête, un utilisateur demande une solution pour identifier la fin du téléchargement d'un fichier dans un navigateur . Cette connaissance leur permet de supprimer un indicateur « d'attente » affiché lors de la génération du fichier.

L'approche initiale impliquait de soumettre un formulaire masqué au serveur à l'aide d'une requête POST et de cibler une iframe masquée pour les résultats. Cependant, la définition d'un en-tête "Content-Disposition: attachment" avec le fichier, qui invite normalement le navigateur à afficher la boîte de dialogue "Enregistrer", n'a pas déclenché l'événement "load" souhaité dans l'iframe.

Alternativement, l'utilisation d'une réponse en plusieurs parties a partiellement résolu le problème dans Firefox en envoyant un fichier HTML vide avec le fichier téléchargeable. Mais cela a échoué dans Internet Explorer et Safari en raison d'incohérences du navigateur.

Solution JavaScript côté client

Une solution plus fiable réside dans l'utilisation de JavaScript côté client :

1. Générez un jeton unique et soumettez-le avec la demande de téléchargement.
2. Affichez "en attente" indicateur.
3. Interrogez le serveur pour connaître l'existence d'un cookie contenant le jeton.
4. Une fois le cookie trouvé, masquez l'indicateur "en attente".

Implémentation côté serveur

Le serveur examinerait la demande du jeton unique et, s'il est présent, déposerait un jeton correspondant. cookie.

Exemple de code

JavaScript (côté client) :

[Code JavaScript fourni]

PHP (serveur- côté):

[Code PHP fourni]

Cette approche empêche efficacement les soumissions multiples tente et s'assure que l'indicateur "en attente" n'est supprimé qu'au début du téléchargement.

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!