Multiple File-Upload mit AJAX, JavaScript FormData und Progress-Bar

Die File-API machts möglich, das Hochladen von Dateien mit JavaScript

Progressbar:

Hinweis: Die hochgeladenen Dateien werden serverseitig nicht gespeichert! Die Datenmenge ist begrenzt auf ca. 10MB. Nach dem Upload zeigt Ihnen eine Tabelle Details zu den hochgeladenen Dateien. Das Perl-Modul stellt serverseitig für jede hochgeladene Datei ein Handle bereit.

Programmiertechnik

Dem Konstruktor zur Erstellung eines FormData-Objekts wird ganz einfach das Formular übergeben. Serverseitig ergibt sich zur Verarbeitung keine Änderung gegenüber der herkömmlichen Methode mit Enctype = 'multipart/form-data' und Submit.


Die rein persönlichen Zwecken dienende Seite verwendet funktionsbedingt einen Session-Cookie. Datenschutzerklärung: Auf den für diese Domäne installierten Seiten werden grundsätzlich keine personenbezogenen Daten erhoben. Das Loggen der Zugriffe mit Ihrer Remote Adresse erfolgt beim Provider soweit das technisch erforderlich ist. @: Rolf Rost, Am Stadtgaben 27, 55276 Oppenheim, nmq​rstx-18­@yahoo.de