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

Die Selektoren von jQuery erweitern Ich bin über einen recht interessanten Artikel im Blog von James Padolsey gestolpert, der nachhaltig Arbeit einsparen kann, insofern man jQuery verwen...
HTML5Rocks – HTML5 und CSS3 von Google Mit HTML5Rocks beglückt uns Google mit einer Art eierlegenden Wollmilchsau für HTML5 & CSS3, der man eine Rosa-Google-Brille angezogen hat. Die Se...
Automatoon – HTML5 Animationen Deluxe Bei meinem ersten Besuch auf Automatoon gab es ein ziemliches auf und ab, angefangen bei "Das kann ja jeder" über "Wie haben sie das bloss gemacht" bi...
jQuery & Single Page Websites Derzeit schwer im Trend sind Single Page Websites. Dies sind sie zwar schon länger, aber die "neuen" Single Page Websites enthalten durchaus einiges a...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.