Comment identifier si le (s) fichier (s) téléchargé (s) a (ont) été complètement téléchargé (s)?

Question

Mon objectif est de créer une barre de progression de tag html5. Je sais que le javascript est le meilleur moyen de le faire. L'attribut de valeur d'étiquette de compteur est mis à jour au fur et à mesure de la progression du téléchargement. Mais je ne sais pas comment coder javascript et j'ai besoin de cela rapidement. Je sais qu'il y a des plugins disponibles, mais la majorité d'entre eux sont emballés comme un ensemble (avec le bouton de téléchargement, et d'autres choses). J'ai juste besoin d'une barre de progression qui peut lire les fichiers téléchargés de mes utilisateurs et ajuste la valeur de l'étiquette de compteur en pourcentage des fichiers téléchargés.

Remarque: Un attribut multiple est inclus.

<input name="uploadedfile[]" type="file" multiple> 

Alors peut-être que quelqu'un parmi vous peut vous aider?

Answer 1

Vous pouvez le faire de plusieurs façons. L'un de ceux qui est décrit ici: http://www.script-tutorials.com/pure-html5-file-upload/ autre est ici http://www.amitpatil.me/ajax-file-upload-html5-drag-and-drop-file-upload/

Lisez également la documentation par les événements progress http://www.w3.org/TR/progress-events/ - il a à la fois l'événement progress, et l'événement load, qui est tiré une fois que le progrès est terminé.