Drag and Drop

Progressive Enhancement im Einsatz

Auf mobilen Geräten nützt "Drag and Drop" herzlich wenig. Deshalb empfehle ich dir, das <input type="file"> immer anzuzeigen, damit die Dateiwahl auch auf die "klassische" Art und Weise möglich ist.

Das Formular und das Verschicken funktioniert auch ohne JavaScript. Die Vorschau- und die "Drag and Drop"-Funktionalität dient zur Verbesserung der Usability, ersetzt aber nicht die Kernfunktionalität beim Verschicken.

Um das Beispiel im Code zu verstehen, solltest du die beiden einleitenden Themen "Vorschaubild" und "Drag Queens" bereits angeschaut haben.