jquery zugriff auf <input type="file" multiple>

[rilight]

Hallo liebes Forum,

ich habe nach 1 einem Tag Googlesuche leider mein folgendes Problem immer noch nicht lösen können:

Meine Ausgangssituation ist folgende:

<form action="upload.php" method="POST">
    <input type="file" id="meineDateiAuswahl" multiple>
    <input type="button">
</form>

Ein normales Formular für Dateiuploads.
Ich spiele gerade ein wenig mit der FileAPI und dem FileReader von HTML5 und muss daher die Dateien ansprechen können.

Um die ausgewählten Dateien anzusprechen, würde man in normalem JS folgendes machen:

<script type="text/javascript">
    // Rückgabe ist eine FileList
    var fileList = document.getElementById("meineDateiAuswahl").files;
</script>

Da ich gerne jQuery benutze, wollte ich es hier auch nutzen. Also habe ich mich schlau gemacht und bin auf 2 mögliche Lösungen gestoßen:

<script type="text/javascript">
    // Rückgabe ist der Dateiname der 1. Datei
    var jQuery_1 = $("#meineDateiAuswahl").val() || [];

    // Rückgabe ist auch der Dateiname der 1. Datei
    var jQuery_2 = $("#meineDateiAuswahl").attr('value');
</script>

Wir ihr seht, ergeben diese aber ein ganz andere / nur einen Teil der gewünschten Rückgabe.
Daher meine Frage: Wie bekomme ich die FileList die ich im ersten Beispiel gezeigt habe? Oder ist das per jQuery nicht möglich?

liebe Grüße und Danke im Voraus
rilight

 

[tr4ze]

AW: jquery zugriff auf <input type="file" multiple>

vielleicht hilft dir das >> http://jsfiddle.net/eq3Qv/

 

[rilight]

AW: jquery zugriff auf <input type="file" multiple>

Danke tr4ze,

dein Link hat mich noch etwas angeregt und dann hab ich im Firebug noch etwas rumprobiert und die Lösung gefunden:

<form id="fileUpload" action="upload.php" method="POST">
    <input type="file" name="files[]" id="uploadInput" multiple>
    <input type="button" value="getFileList" id="uploadStart">
</form>

<script type="text/javascript">
    // normales js
    var fileList_1 = document.getElementById("uploadStart");
    // jQuery
    var fileList_2 = $("#uploadStart")[0];

    // mit fileList_1 == fileList_2
</script>

Danke für die schnelle Hilfe