DropArea – Bildupload mit HTML5 und jQuery

Das Input-Feld vom Typ File ist ein ausgesprochener Störenfried! Keine Präsentation einer fertigen Website ohne Diskussion darüber, wieso der „Durchsuchen“-Button so aussieht, wie er aussieht! Mit ein bisschen Aufwand kann man aber dank jQuery und HTML5 den „normalen“ Upload umgehen. Und mit ein bisschen Aufwand meine ich übrigens nicht das monströse eBay-Feature für den Bildupload! weiterlesen

3 Kommentare

  • Beim IE9 braucht man sich über nichts wundern, es gibt sogar Seiten die laufen im 64bit-IE nicht sauber, im 32bit-IE gar nicht (und umgekehrt). Ich habs grad nochmal ohne Probleme hin bekommen.

  • Interessanter Beitrag, vielen Dank dafür.

    Ich habe mir die Demo-Seite gerade im IE 9 (9.0.8112.16421/9.0.1) angeschaut, aber leider läuft dort der Upload nicht (event.dataTransfer.files ist undefined). Sie schreiben aber, dass Sie es erfolgreich mit dem IE 9 testen konnten. Da frag ich mich doch: warum? :) Für Denkanstoße bin ich dankbar.

    Viele Grüße.

  • […] Guido Mühlwitz stellt das jQuery-Plugin DropArea vor. DropArea ersetzt den ansonsten üblichen Bildupload-Dialog. Bilder werden auf ein Rahmenraster gezogen und so direkt und ohne Umschweife hochgeladen. Dabei zeigt DropArea bereits hochgeladene Bilder direkt innerhalb des Grids an. Einziger Nachteil: Bei sehr vielen zu erwartenden Uploads pro Vorgang muss das Grid sehr groß angelegt werden. […]

Schreibe einen Kommentar