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


jQuery Form Wizard
Web-Formulare können einfach sein, aber auch ganz schön komplex werden. Besonders eklig können diejenigen werden, die auf mehrere Seiten aufgeteilt we...


Initializr – HTML5 Template Generator
Nachdem uns derzeit wie blöde Boilerplates um die Ohren geworfen werden stellt sich zu Recht die Frage: welche ist passend für mich, und was mache ich...


In jQuery Existenz prüfen
Das praktische an jQuery ist (unter anderem) das es Aktionen auf ein Element nur dann ausführt, wenn das Element existiert. Wenn es nicht existiert: P...


Plugins für jQuery
Ich sehe und übernehme einiges an Seiten und muss leider sagen, dass scheinbar bei Javascript-Programmierung vor Beginn der Arbeiten das Hirn einmal r...

Schreibe einen Kommentar

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