Вам нужна форма с поддержкой ajax, которая может добавлять / удалять элементы входного файла:
<table border="1px">
<tbody class="files">
<tr><td><a class="delete" href="#">Delete</a></td><td><input class="fileSelect" type="file" name="file" /></td></tr>
<tr><td><a class="delete" href="#">Delete</a></td><td><input class="fileSelect" type="file" name="file" /></td></tr>
<tr><td><a class="delete" href="#">Delete</a></td><td><input class="fileSelect" type="file" name="file" /></td></tr>
<tr><td><a class="delete" href="#">Delete</a></td><td><input class="fileSelect" type="file" name="file" /></td></tr>
</tbody>
<tbody>
<tr><td><a class="add" href="#">Add</a></td><td><input id="submitButton" type="submit" value="Upload"/></td></tr>
</tbody>
</table>
Использование jQuery:
$(function() {
$(".delete").live("click", function() {
$(this).parent().parent().remove();
});
$(".add").click(function() {
$("tbody.files").append("<tr><td><a class='delete' href='#'>Delete</a></td><td><input class='fileSelect' type='file' name='file' /></td></tr>");
});
});
Если вы используете Apache Commons FileUpload, то код сервера будет одинаковым, независимо от того, сколько файлов отправлено. FileUpload позволяет перебирать все загруженные файлы.