Existe-t-il un moyen de détecter le début d'un téléchargement en JavaScript?

Question

Dans notre projet actuel, nous fournissons un téléchargement PDF qui peut être personnalisé par l'utilisateur via un formulaire HTML qu'il soumet. Il faut plusieurs secondes pour générer dynamiquement le PDF et je voudrais visualiser cela, par exemple. en désactivant le bouton d'envoi jusqu'à ce que le téléchargement commence. Malheureusement, je n'ai pas trouvé de moyen de détecter quand le téléchargement commence *. Donc, je ne sais pas quand réactiver le bouton de soumission.

J'ai déjà essayé de spécifier un IFrame comme cible de mon formulaire HTML, en espérant que l'événement onload serait déclenché. Ce n'est pas le cas, probablement parce que le PDF est envoyé avec un en-tête "Content-disposition: attachment" et qu'il n'est pas réellement chargé dans le IFrame. La seule solution que je puisse penser maintenant consiste à générer le fichier PDF sur un fichier temporaire sur le serveur, que je voudrais éviter. *) Permettez-moi de clarifier ceci: je n'aurais pas besoin de savoir si le téléchargement était terminé ou même si c'était vraiment commencé. Je voudrais détecter le point auquel le navigateur demandera à l'utilisateur d'ouvrir ou de sauvegarder le fichier. Je suppose que cela se produit lorsque le navigateur reçoit l'en-tête HTTP.

Answer 1

Ce que vous voulez, c'est pouvoir détecter quand la taille du fichier téléchargé passe de 0 à une valeur positive. Pour autant que je sache, il est impossible de faire cela avec javascript - vous avez besoin d'un plug-in qui peut accéder au système de fichiers du client.

Un travail recommandé autour de: Créer une session par téléchargement. Demandez au client d'interroger le serveur sur l'état du téléchargement. Cela pourrait être "non existant", "non commencé", "commencé", "fini". Vous avez besoin d'un travail côté serveur pour persister et mettre à jour le statut du téléchargement plus un framework AJAX.

Answer 2

La solution la plus simple serait d'estimer le temps (généreusement) et de le faire de cette façon. C'est un hack, mais il donne l'effet désiré. L'autre option pourrait être de soumettre le formulaire avec un rappel en utilisant Ajax pour soumettre le formulaire et avoir les détails de retour du générateur à la page d'appel. http://www.jquery.com/ peut être un bon point de départ pour cette option.

Answer 3

Si j'étais vous, je ferais un appel AJAX au serveur avec les informations, génèrerais le fichier, puis retournerais le nom de fichier/id/quelquechose au javascript, ce qui ferait de window.location quelque chose comme download.php ? id = x (mais le fichier a déjà été généré, il suffit donc de définir les en-têtes et de le lire), auquel cas vous pouvez réactiver l'envoi.