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

时间:2013-09-04 05:17:18

标签: javascript jquery

我想使用单个文件输入上传最多两个文件。我引用了这个网站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);
});

1 个答案:

答案 0 :(得分:0)

有很多jquery插件。Uploadify是我见过的最好的插件之一。您也可以看到demo。有广泛的documentation可根据您的要求进行自定义。