Einfachste Möglichkeit, den Ladefortschritt des Hochladens von Dateien mit HTML-Eingabe-Tag anzuzeigen

Question

Ich möchte eine Datei von einer JSP-Seite hochladen, ich kenne die Grundlagen.

<form name="someForm" id="someFormId" method="post" enctype="multipart/form-data"> 
    <input type="file" name="somename" size="chars"> 
    <input id="anyid" name="anyName" type="submit" value="UploadFile" class="button" /> 

Ich mag einen Fortschrittsbalken von einer Art machen, aber ich weiß nicht, wenn sie möglich, ich gelesen, dass man es mit Blitz tun können, aber es wäre ein Chaos mit Blitz auf dem Projekt nur für das Ding. Gibt es eine Möglichkeit den Fortschritt der Ladung zu erfassen?

Dank für das Lesen

Answer 1

Nicht so. Grundsätzlich muss JavaScript das Senden der Datei steuern, damit ein Fortschritt gemeldet werden kann. Wenn Sie nur eine Post-Anfrage machen, sind Ihre einzigen Fortschrittsanzeigen "Laden" und "Fertig".

Mit dem FileReader Objekt und FormData Objekt können Sie JavaScript senden Sie eine Datei und erhalten Fortschritte Ergebnisse. Es funktioniert nicht in älteren Browsern, also sei vorsichtig.

Google für weitere Informationen, gibt es einige Standardlösungen da draußen.

Answer 2

Sie können dies nur tun, wenn der Browser eine von mehreren Methoden unterstützt. Entweder FileReader/FormData (wie Frits genannt), oder über Flash oder ein anderes Browser-Plugin. Sie müssen auch die Nachbearbeitung serverseitig durchführen.

Ich verwende Plupload bei der Arbeit in einer Reihe von Bereichen, in denen diese Art von Funktionalität benötigt wurde. Ich benutze eine leicht modifizierte Version des jQueryUI-Skripts/css. Es funktioniert sehr gut, und der Autor des Plugins/Skripts hat bereits das Heavy Lifting für die clientseitige Arbeit erledigt.

HINWEIS: Für direkte HTML + Javascript-Posts ohne Flash oder Begrenzen der unterstützten Browser, das Beste, was Sie tun können, ist ein animierter Flash (animierte Gifs stoppen Animation im Browser) als Teil der "onsubmit" Aktion für das Formular .