jQuery使用单个文件元素上传多个文件

Question

我想使用单个文件输入最多上传两个文件。 我将此网站称为http://hungred.com/how-to/multiple-upload-single-upload-file-jquery/ 。 但是删除按钮有问题。 对我而言，删除“点击”事件触发了两次。 也就是说，如果我删除文件，则两个文件都将被删除。

我还需要两个文件输入的唯一ID。 谁能帮我 ？

这是我的代码：

jQuery(document).ready(function($){
var max = 2;
var replaceMe = function(){
var obj = $(this);
$('#previewRow').css('display','');
if($("input[type='file']").length > max)
{       
        obj.val("");
        return false;
}
$(obj).css({'position':'absolute','left':'-9999px','display':'none'}).parent().prepend('<input type="file" class="fileInput hidden" name="'+obj.attr('name')+'"/>');
$('#preview').append('<div>'+obj.val()+'<a class="clearItem" href="javascript:void(0)">X</a><div>');
$("input[type='file']").change(replaceMe);
$(".clearItem").click(function(){
        $(this).parent().remove();
        $(obj).remove();
        return false; //safari fixes
});

}
$("input[type='file']").change(replaceMe);
});

Answer 1

有很多jQuery插件。 Uploadify是我所发现的最好的之一。 您也可以看到演示 。 有大量文档可根据您的要求进行自定义。