Динамически добавлять входной файл в форму

Question

Я работаю над почтовым скриптом, который может отправлять несколько вложений. В настоящее время я просто 3 входа файлов в ней, которые выглядят следующим образом:

Перевод:Выберите файлНет файла, выбранногои Verstuur =Отправить

сам сценарий отлично работает, и он может отправлять несколько вложений, но я хотел бы иметь всего один входной файл для выбора файла и создать кнопку или ссылку, которая будет добавьте другой файл, чтобы пользователь сам мог выбрать столько вложений, сколько ему нужно. Я искал на этом форуме и в google, и я узнал, что это возможно с помощью jquery. Я никогда раньше не использовал jquery, и я не могу понять, как это сделать сам. Если кто-то может объяснить, как это сделать или есть какие-то советы, это было бы здорово.

Форма HTML я сейчас поясню включил это в настоящее время:

<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/> 

Редактировать: Я получил это понял, используя this

Answer 1

Пробовали ли вы:

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

Answer 2

См. Следующее:

$("#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); 
    } 
}); 

Sample