J'ai remarqué que le nouvel objet XMLHttpRequest supporte un événement 'onprogress' dans firefox. Est-il possible d'utiliser une partie des nouvelles API du fichier HTML5 pour obtenir une barre de progression de téléchargement sans aucune modification côté serveur?Progression du téléchargement de fichiers HTML5 - côté client seulement
Répondre
Je crois en principe oui, même si je ne l'ai pas encore essayé.
Ce qui va être un problème est que XMLHttpRequest#send()
prend une chaîne Unicode et l'encode comme UTF-8. Cela ne vous donne pas la possibilité d'envoyer des binaires purs, et la plupart des fichiers binaires comme les images ne vont pas être des séquences UTF-8 valides. Donc probablement vous utiliseriez ce que la spécification FileAPI appelle une "chaîne binaire" (octets traités comme ISO-8859-1, donc chaque charCodeAt
correspond à un octet), recodé en UTF-8. Cela se traduirait par environ 50% de plus qu'un téléchargement de fichier ordinaire. Vaut-il le téléchargement lent pour obtenir le rapport d'étape?
(Dieu, si seulement les navigateurs avaient une meilleure interface utilisateur pour montrer comment le téléchargement se passait, aucune des bêtises sans fin/Flash/Java/ActiveX n'aurait jamais été nécessaire.) Allez, les fournisseurs de navigateur, est un bon gros info popup avec une barre de progression vraiment trop à demander?)
AFAIK, Chrome montre la progression du téléchargement à ce petit fond. barre d'état gauche. Je ne suis pas tout à fait sûr, mais je pense qu'Opera montre également la progression du téléchargement à la barre de progression. –
Oui, en théorie, bien que je devrais remettre en question la précision puisque la vitesse d'Internet fluctue généralement (plus si vous n'êtes pas câblé). Il serait probablement sauter beaucoup.
Puis encore, ce est une barre de progression précise? J'aimerais en voir un dans Windows avant de voir un en ligne!
Quoi de plus: si vous êtes derrière un proxy HTTP qui est derrière une connexion plus lente, le client aura fini d'envoyer toutes les données avant que le proxy ait fini de le télécharger sur le serveur distant. –
- 1. la progression du téléchargement en utilisant javascript seulement
- 2. Progression du téléchargement de fichier
- 3. progression du téléchargement de fichier
- 4. Détection de la taille de téléchargement du fichier côté client?
- 5. Progression du téléchargement Flash
- 6. progression du téléchargement Android
- 7. Progression du téléchargement Flex Multipart
- 8. Barre de progression pour le téléchargement de fichiers?
- 9. Progression du téléchargement lors du téléchargement de fichier à l'aide de Webclient.Uploadfile
- 10. javascript génération de fichiers côté client
- 11. Meilleure façon de fournir des graphiques sur le Web? Bibliothèque côté serveur ou côté client? HTML5?
- 12. Progression du lot du serveur d'affichage sur le client
- 13. C# obtenir l'emplacement du fichier côté client
- 14. Client Vérification de la taille du fichier en utilisant HTML5?
- 15. jquery barre de progression pour afficher la progression du fichier de téléchargement
- 16. barre de progression CSS/HTML5 verticale
- 17. Déclenchement du contrôle utilisateur par le client du côté client
- 18. Comment afficher la webcam sur le côté client seulement?
- 19. Barre de progression inexacte lors du téléchargement de fichiers volumineux à l'aide d'ASP.NET et de Uploadify?
- 20. accès au système de fichiers local via HTML5 et PHP5
- 21. Création du pouce côté client OU côté serveur?
- 22. Est-il possible d'automatiser la publication du côté client?
- 23. barre de progression lors du téléchargement de l'image
- 24. Limiter le téléchargement de fichiers à seulement jpegs avec php
- 25. Comment afficher la progression du téléchargement à partir du FTP
- 26. iPhone. Comment suivre la progression du téléchargement HTTP
- 27. Comment télécharger des fichiers en flex en utilisant PyAMF ou PhpAMF? côté client, et très peu d'aide côté serveur nécessaire
- 28. Téléchargement de fichiers à l'aide de la gemme selenium-client
- 29. Rails, barre de progression de téléchargement
- 30. Comment afficher la progression du téléchargement de fichiers dans PHP Shell Scripting?
Vous devriez lire cet article pour avoir plus de connaissances sur le côté client, http://www.html5rocks.com/en/tutorials/file/dndfiles/ –