Multiple File Uploads, HTML und Open Source

Hallo! Um regelmäßig über Neuigkeiten auf dieser Seite informiert zu werden, kannst du den RSS-Feed abonnieren. Mehr Informationen über diese Technik gibt es hier.

Formulare lassen sich inzwischen ganz gut designen, allerdings gibt es ein Formularelement, das alle Design-Versuche vehement abwehrt: der Dateiupload. Hinzu kommt die Tatsache, dass die Technik des Fileuploads in HMTL wohl bestenfalls vorsintflutlich bezeichnet werden kann, und man – gerade bei großen Dateien – nie weiß, wie groß der Fortschritt des Uploads gerade ist. Hinzu kommt, dass multiple Uploads nur möglich sind, wenn man mehrere File-Felder in eine Datei einfügt.

Die Lösung, der meistens Content Management Systeme ist, ein Dateiupload nicht mehr über HTML zu handhaben, sondern eine spezialisierte Flash-Anwendung bereitzustellen, die diese Aufgabe übernimmt. Es gibt auch entsprechende Java Applets, aber da Flash die größere Verbreitung hat, ist zumindest dabei davon auszugehen, dass es bei fast jedem funktioniert.

Screenshot eines PLUpload-Formulars

Die Programmierer des TinyMCE hatten wohl jetzt endgültig die Faxen dicke und stellen nun mit PLUpload eine Open Source zur Verfügung, mit der sich vernünftig Dateiuploads handhaben lassen. Auch interessant ist es, das die Programmierer nicht ihre eigenen Javascript-Funktionen verwenden, sondern auf jQuery zurückgreifen! Mit ein paar Zeilen jQuery lässt sich ein Upload-Feld generieren, das dann Dateien entweder mit HTML5 Gears, Silverlight, Flash, BrowserPlus oder im schlechtesten Falle „einfaches“ HTML empfängt.

Dabei gibt es eine nette Fortschrittsanzeige und bei Bildern die Möglichkeit, diese direkt zu resizen. Auf Server-Seite ist das Tool dabei vollkommen transparent, da ein Post auf die Action der Form immer mit einer einzelnen Datei erfolgt. Ein Filter auf die Dateien, die upgeloadet werden können, ist ebenfalls möglich.

Alles in allem eine sehr nette und vor allem sehr stabile Möglichkeit, dem Benutzer ein vernünftiges Upload-Feld anzubieten.