HTML Datei Upload Element

Stan · 28. September 2010, 12:53

Ne extrem blöde Frage:

Ist es möglich, bei nem Datei Upload Element (also <input type="file">) ein Event, beim klicken auf den Button "Öffnen" im Fileauswahlfenster, auszulösen?

Ich will also auf Öffnen drücken, und dann soll sich (per JavaScript) ein neues Datei Upload Element hinzufügen.

Hoffe man weiß was ich mein

Edit: Ich habs jetzt mit onchange() probiert:

Quellcode

function addUploadBox()
{
uploadCount++;
document.getElementById('uploads').innerHTML += "<br><input id='" + uploadCount + "' onchange='javascript:addUploadBox()' type='file'><br>";
}

Es wird zwar ein zweites Feld hinzugefügt, jedoch wird dann der Inhalt des schon eingefügten Elements (also des ersten) gelöscht. Das erste Feld wird durch einen Klick auf einen normalen Link erzeugt

Squall · 28. September 2010, 13:02

Ich nehme an, du willst mehrere Dateien auf einmal hochladen, oder?

Sieh dir mal das an:
the-stickman.com/files/mootools/multiupload/

Stan · 28. September 2010, 13:05

Mh okay is auch recht! Danke!

Squall · 28. September 2010, 13:09

Naja, was wolltest du sonst? Das macht genau, was du beschrieben hast.

Wenn du mehrere Dateien hochladen willst, ist vielleicht Flash besser geeignet. Oder du akzeptierst gepackte Formate wie zum Beispiel ZIP-Dateien und entpackst diese dann am Server.

Stan · 28. September 2010, 13:14

Hab noch meine Probleme beim benutzen dieses Tools. Mein downgeloadeter Quelltext sieht genau so aus (1:1) wie der auf der Demo-Page. Und es funktioniert nicht

Nax · 28. September 2010, 13:48

Hast du auch die mootools und das dazugehörige Plugin heruntergeladen und im richtigen Verzeichnis?

Stan · 28. September 2010, 14:09

Original von Nax
Hast du auch die mootools und das dazugehörige Plugin heruntergeladen und im richtigen Verzeichnis?

Jap hab ich!
Einfach das ZIP-File, oder?

Nax · 28. September 2010, 14:42

Hmm... kannst du vielleicht irgendwelche auffälligen JavaScript Errors in der Fehlerkonsole entdecken? Schon mal versucht mit Firebug deinen Code zu debuggen?

Quellcode

Teilen