Javascript Girl
  1. Javascript Girl
  3. Comment implémenter la barre de progression du téléchargement de fichiers sur le Web?
Intereting Posts
Pourquoi dois-je utiliser browser.sleep pendant l'écriture des tests de rapprochement POST 405 (Méthode non autorisée) en essayant de publier une requête AJAX – Laravel 4 Comment empêcher tout curseur d'ajouter des tags hash à l'URL HTML Visualizateur audio? L'élément déclenche-t-il un événement onclick dans jquery? Refus d'afficher un cadre car il définit X-Frame-Options pour «DENY dans la visionneuse Android Enregistrement audio avec HTML5 Comment définir une liste d'images les unes de l'autre Tabulation Angularjs Chargement du spinner pendant le rendu Plusieurs tableaux dans la même page Comment puis-je injecter $ rootScope dans un test d'unité AngularJS? Tree / dendrogram avec connecteurs coudés en d3 Chargement dynamique des modules à partir du tableau en utilisant RequireJS Window.open () sur un système multi-moniteur / moniteur double – où apparaît la fenêtre? Pouvez-vous dire que c'est un bon exemple de fermeture de Javascript. Où les endroits où nous devons envisager d'éviter les fermetures?

Comment implémenter la barre de progression du téléchargement de fichiers sur le Web?

J'aimerais afficher quelque chose de plus significatif que le gif animé alors que les utilisateurs téléchargent un fichier sur mon application Web. Quelles possibilités ai-je?

Edit: J'utilise .Net, mais ça ne me dérange pas si quelqu'un me montre une version agnostique plateforme.

Voici quelques versions de ce que vous recherchez pour certaines kits d'outils Java courants.

Si vous êtes intéressé de savoir comment tout cela fonctionne généralement client-site, voici:

Toutes les solutions relient le formulaire via javascript et modifient la cible des formes vers un IFRAME nouvellement créé et invisible. Ensuite, ils sont libres d'utiliser AJAX pour demander un état du fichier à partir du serveur.

L'astuce IFRAME est nécessaire car tous les scripts exécutés dans la fenêtre qui effectue le téléchargement se bloqueront jusqu'à ce que la requête soit terminée, date à laquelle le fichier est complètement téléchargé.

Téléchargement de fichier ASP.NET avec barre de progression en temps réel

http://mattberseth.com/blog/2008/07/aspnet_file_upload_with_realti_1.html

J'ai essayé diverses techniques et j'ai eu le plus de succès avec SWFUpload .

Vous créez et interagissez avec un objet SWFUpload à l'aide de Javascript, mais utilise un fichier Flash (caché) pour la sélection du fichier, le téléchargement et la surveillance de la progression du téléchargement. Vous pouvez spécifier une large gamme de gestionnaires d'événements Javascript ( uploadStarted , uploadProgress , uploadError etc.) que le Flash appellera lors de la progression du téléchargement en la rendant très flexible. Il implémente également une file file, donc ça fonctionne bien pour les fichiers simples ou multiples.

Des liens:

  • Documentation API
  • Demos
  • Téléchargements

Une bonne aide spécifique à .NET pour faire des barres de progression peut être trouvée dans les articles du magazine MSDN de Dino Esposito en juillet et août dernier:

Feedback contextuel avec AJAX (juillet '07)
Annulation des tâches du serveur avec ASP.NET AJAX (août '07)

Un bon exemple de ce fait sans utiliser Ajax est donné à CodeProject par Nilesh Thakkar .

JQuery UI Progressbar – http://jqueryui.com/demos/progressbar/