我试图在表单发布之前允许多个文件上传.我想要的是用户只能看到一个文件上传元素,每次选择一个文件时,都会显示一个新的< li>包含文件名和图像/链接以从集合中删除该特定文件.有一个jQuery MultiFile插件可以满足我的需求,但我不能让自定义样式以我想要的方式工作,所以我自己动手.

到目前为止,我有以下代码.它成功添加< li>,用新选择的文件隐藏文件上传元素,并将空文件上传元素附加到页面以供用户选择新文件.我正在努力适当地管理元素的删除,虽然它并不那么困难,但我一直盯着这一点,现在只是觉得我做错了.我希望其他人可能有一些见解,提示要清理它(即使它更优雅),等等.代码如下.

HTML：

$(function () {
     $('.photo-upload').live('change',function () {
         var fileCount = new Number($(this).parent().children('.photo-upload').length);
         $('#photos').append('