5 Multi-Upload Widgets mit JavaScript und Flash

Christian — Sun, 19 Apr 2009 06:00:48 +0000

In letzter Zeit wurden einige sehr praktische Lösungen veröffentlicht mit denen man auf einfache Weise Dateien auf Server hochladen kann und dabei einen Fortschrittsbalken angezeigt bekommt.

Diese Lösungen basieren in der Regel auf JavaScript/Flash und Ajax. In diesem Artikel möchte ich einige dieser Lösungen vorstellen.

Fancy Upload

Den Anfang macht FancyUpload von Harald Kirschner - eine Lösung die unter der MIT-Lizenz steht und auf MooTools und Flash basiert.

Das Script hat einige sehr praktische Features wie z.B. die Möglichkeit mehrere Dateien gleichzeitig hochzuladen, die Möglichkeit die Anzahl und Grösse der hochladbaren Dateien festzulegen oder auch die Möglichket, die Übertragung jederzeit abzubrechen oder auch zusätzliche Dateien hinzuzufügen.

Uploadify ist eine Variante für jQuery. Ähnlich wie Fancy Upload steht auch Uploadify unter einer Open Source Lizenz (diesmal allerdings GPL) und nutzt eine Kombination von JavaScript und Flash.

Uploadify in Aktion

Man kann sowohl einzelne Dateien als auch mehrere gleichzeitig hochladen. Die Anzahl der gleichzeitigen Uploads, die maximale Dateigrösse und vieles mehr ist konfigurierbar.

Eine Möglichkeit ganz ohne die üblichen Frameworks ist SWFUpload. Man kann auch hier eine oder mehrere Dateien auf einmal hochladen, Transfers abbrechen, und vieles mehr.

SWFUpload

Wie Fancy Upload steht auch SWFUpload unter der MIT-Lizenz.

dhtmlxVault

Mit dhtmlxVault gibt es noch einen “halbkommerziellen” Ansatz.

Das Skript bietet die üblichen Features (mehrere Dateien, Abbrechen, usw.) und darf in GPL-Projekten kostenlos benutzt werden. Bei sonstigem Einsatz muss man allerdings eine Lizenz erwerben.

Eine weitere Variante ist UploadForm für das Ext-Framework welche ähnliche Features wie die anderen Lösungen anbietet.

Debugging-Hilfen für PHP

Christian — Sun, 05 Apr 2009 05:01:44 +0000

Wer kennt nicht solche Situationen: man entwickelt ein Script, testet es lokal und alles läuft wie es soll. Kaum hat man das Script auf ein anderes System übertragen kommt es zu seltsamen Nebeneffekten. Normalerweise fängt man nun an mit print_r() oder var_dump() an Variablen zu verfolgen um zu prüfen was genau passiert. Oft reichen dafür die normalen PHP Funktionen, aber manchmal wünscht man sich mehr Übersicht. An dem Punkt setzen die Lösungen an, die ich im folgenden vorstelle:

dBug

dBug von Kwaku Otchere ist eine PHP-Portierung von ColdFusion’s cfdump(). Am ehesten ist es vergleichbar mit print_r() bietet aber einige zusätzliche Features. Die von dBug erzeugten Tabellen sind mittels CSS und JavaScript einklappbar und sowohl Datenbank- als auch XML-Objekte werden automatisch struktuiert angezeigt.

krumo

krumo functioniert ähnlich wie dBug. Allerdings ist die Darstellung meiner Meinung nach etwas unübersichtlicher. Ausserdem ist der Funktionsumfang gegenüber dBug geringer, da XML- und Datenbank-Objekte nicht automatisch analysiert werden.

debugConsole in Aktion

debugConsole

debugConsole geht weg von dem print_r()/var_dump() Ansatz. Bindet man DC in ein Projekt ein, kann man in Echtzeit Nachrichten ausgeben, Variablen-Inhalte automatisch auf Veränderung überwachen (dies ist leider nicht und Windows möglich), etc.

DC öffnet hierzu ein Pop-Up Fenster in dem die Ausgaben in dem Augenblick erscheinen in dem sie im Code auftauchen (und nicht erst nachdem das Script komplett gelaufen ist). Der Einzige Nachteil dieser Lösung ist.

PHP_Debug

Natürlich findet sich im PEAR eine eigene Lösung für das Thema Debugging. Das Paket nennt sich PHP_Debug und funktioniert ähnlich wie debugConsole. Allerdings funktioniert es nicht über ein unabhängiges PopUp-Fenster sondern nutzt ein DIV, welches der eigenen Seite überlagert wird. Es können Nachrichten geloggt, Variablen ausgegeben werden und Benchmarks erzeugt werden.^

Sonstiges

Natürlich ersetzen die hier vorgestellten Lösungen keine echten Debugger wie z.B. DBG – können allerdings trotzdem sehr hilfreich bei der Fehlersuche sein wenn man nur begrenzten Zugang zum Server hat.