Bei den Meisten Webanwendungen arbeitet man inzwischen in irgendeiner Weise mit Dateien. Daher ist auch eine komfortable Dateiverwaltung sehr wichtig. Ich möchte ein paar Plugins für das beliebte Javascript-Framework JQuery vorstellen, die die Arbeit erleichtern.
File-Upload Styling
Wer versucht hat, das Aussehen des File-Upload-Feldes zu ändern, wird sich schnell geärgert haben. Es gibt kaum eine Möglichkeit, das vorgegebene Styling, per CSS, zu ändern. In den Meisten Browserns lässt sich nicht mal die Schriftart anpassen.
Das JQuery Plugin File-Style ermöglicht die individuelle Anpassung des Layout des File-Upload-Feldes.
File-Trees
Möchte man Dateien und Ordner strukturiert darstellen, empfiehlt sich die Baumstruktur, wie vom lokalen System bekannt. Das Plugin JQuery File Tree sorgt nicht nur für die Clientseitige Darstellung, sondern bringt die passenden Skripte in PHP und ASP.NET mit.
Zudem unterstützt das Skript verschiedene Modi. So öffnen sich die Verzeichnisse wahlweise auf Klick oder auf Doppelklick, mit und ohne Animationen.
Upload mehrere Dateien
Von Haus aus kann man nur eine Datei hochladen. Die Selektion mehrer Dateien wird nicht unterstützt. Abhilfe schafft hier das Multiple File Upload Plugin.
Nach Auswahl einer Datei, wird diese zu einer Liste hinzugefügt, und das Upload-Feld steht wieder zur Verfügung. Die Selektion mehrer Dateien im Browser-Fenster ist leider nicht möglich. Dennoch erscheint mir das Plugin als Alternative zu Flash-Uploads.
Man kann die maximale Anzahl der zu wählenden Dateien übrigens begrenzen, und zulässige Dateiendungen angeben. Da diese nur von JQuery validiert werden, muss eine Validierung auf Server-Seite auf alle Fälle nochmal vorgenommen werden!
Da das Plugin leider über keinen Konnektor in php verfügt, möchte ich noch auf den Artikel von Blogwave verweisen. Hier wird erklärt, wie man Multiple-Uploads mit php verarbeitet.
Mit diesen drei Plugins kann man sich bereits einen netten Datei-Manager zusammenbauen. Aber auch einzeln machen die Plugins durchaus Sinn. Ich war auch der Suche nach einem fertigen JQuery Datei-Manager konnte aber keinen finden. Falls jemand einen JQuery-Filemanager, oder andere Plugins für Datei-Verwaltung und Datei-Darstellung kennt, bitte per Kommentar mitteilen.
