2010-06-16 34 views

回答

3

你需要一个支持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允许你迭代所有上传的文件。

+0

谢谢,这已被证明是我正在寻找的。 – sabauma 2010-06-18 14:06:05

1

您可以用类似的Commons FileUpload Project

+0

这只回答问题中未明确询问的服务器端事宜。这个问题更加针对客户端问题。 – BalusC 2010-06-16 15:22:08

+0

@BalusC:这就是为什么我upvoted由kgiannakakis提供的答案。提供完整的解决方案。 – 2010-06-17 07:27:23

相关问题