HTML5 File Uploads

HTML5 besteht aus ein wenig mehr als dem Canvas-Element, und vor allem aus den neuen Formular-Elementen. Gleichwohl fängt man sich mit den neuen Elementen auch eine ganze Menge Ärger ein, denn man kämpft nicht nur mit Browser-Inkompatibilitäten, sondern auch gegen „alte“ Browser, die noch kein HTML5 sprechen.

Screenshot des HTML5 File Upload Tutorials

Insofern hat man jede Menge Fallbacks am Hals: das eigentliche HTML5 muss in allen Browsern funktionieren, wenn es ein alter Browser ist muss man etwas anderes (altes) machen (oder die Funktionalität mit jQuery nachahmen) und mit ganz viel Pech (Video / Audio) kämpft man am Ende sogar mit Adobe Flash. Das alles gibt es natürlich inzwischen fertig als Plugin für jQuery aber das Nutzen solcher Fire&Forget-Lösungen sei einmal dahingestellt. Es wird immer einen Kunden geben der Anpassungen möchte, und dann steht man da ohne Verständnis für den Code.

Aus diesem Grund halte ich es immer für sinnvoll zumindest verstehen zu wollen, was da so abgeht, wobei einem dieses hervorragende Tutorial zum Thema HTML5 File Upload hilft. Fein verständlich wird ein kompletter Upload mit Prozentbalken unter Zuhilfenahme von jQuery aufgebaut. Wenn man das durchgeackert hat sollte man keine Probleme mehr haben in seinem nächsten Projekt den Dateiupload mit HTML5 abzufrühstücken.

Ähnliche Beiträge

Chosen – Select-Boxen in Benutzerfreundlich Select-Boxen sind relativ benutzerfreundlich, so lange man nicht so viel Auswahl hat, und insbesondere nicht mehrere Werte der Box auswählen soll. Let...
User Interfaces mit jQuery Ich denke das es im heutigen Webdesign kaum noch ein Formular gibt, das nicht mit JavaScript (oder jQuery) aufgewertet wird. Im einfachsten Fall zum A...
Cookies sind ja so was von 2012 … Sagen wir mal so: die Intention von Cookies ist ganz nett, die Tatsache wie sie heute genutzt werden eher nicht. Ein Cookie ist immer an eine Domain g...
Autocomplete bei Input-Feldern abschalten Das am meisten ignorierte Attribut im Web-Umfeld lautet wohl autocomplete.  Dabei ist der kleine Helfer äußerst sinnvoll, suggeriert es doch dem DAU, ...

Schreibe einen Kommentar