Dynamisch hinzufügen, Datei-Eingang zu bilden

Arbeite ich an einem E-Mail-Skript, das in der Lage ist, zu senden und mehrere Anlagen. Momentan habe ich nur 3-Datei Eingänge, die wie folgt Aussehen:

übersetzt: Wählen Sie eine Datei aus Keine Datei ausgewählt und Verstuur = Senden

Das Skript selbst funktioniert einwandfrei und es ist in der Lage, senden Sie mehrere Anhänge, aber ich hätte gerne nur 1 input-Datei wählen Sie eine Datei und erstellen Sie eine Schaltfläche oder einen link hinzufügen weitere Datei-Eingang, damit kann der Nutzer selbst wählen, wie viele Anlagen, wie er braucht. Ich habe gesucht auf das forum und auf google, und ich fand heraus, dass es möglich ist mithilfe von jquery. Ich habe noch nie verwendet jquery vor und ich kann nicht herausfinden, wie es durch mich tun. Wenn jemand erklären kann, wie es zu tun oder hat irgendwelche Tipps, wäre es toll.

Html-Formular habe ich jetzt im Grunde enthalten diese nun:

    <input type="file" name="attachment[]"><br/>
    <input type="file" name="attachment[]"><br/>
    <input type="file" name="attachment[]"><br/><br/>
    <input type="submit" value="Verstuur" name="submit" ><br/>

Bearbeiten: ich habe es herausgefunden mit diese

Ich habe zwei tolle Tipps. 1. Erfahren Sie, Javascript (wäre genug, um den job zu erledigen). 2. Lernen jQuery (macht es noch einfacher, die Arbeit zu tun). In diesem Beruf haben Sie, neue Dinge zu lernen die ganze Zeit. Auch wenn andere Menschen es für Sie tun ein paar mal, werden Sie noch brauchen, dieses wissen in der Zukunft.
Das problem ist, dass ich brauche nur für diese kleine Sache und da ich ein student bin und momentan ein trainee-ich habe keine Zeit um alles zu lernen.
Dann mache es einfach nicht. Einfügen eines halb-ausgereifte Lösung, die Sie wissen nichts über, verursachen eine Menge Probleme für Sie... am Ende verlierst du mehr Zeit, als Sie ausgegeben hätten, zu lernen.

InformationsquelleAutor Daanvn | 2013-03-11

Haben Sie versucht:

<input name="filesToUpload[]" id="filesToUpload" type="file" multiple="" />

InformationsquelleAutor user2147970

Sehen:

$("#attach").on("change", " input[type=file]:last", function(){
    var item = $(this).clone(true);
    var fileName = $(this).val();
    if(fileName){
       $(this).parent().append("<br/>").append(item);
    }  
});