javascript - 使用 blueimp File-Upload 避免重复文件

Question

如何避免在 blueimp jquery 文件上传中添加重复文件？我试过这个解决方案：

$('#fileupload').bind('fileuploadadd', function(e,data) {

    var currentfiles = [];
    $(this).fileupload('option').filesContainer.children().each(function(){
        currentfiles.push($(this).data('data').files[0].name);
    });

    data.files = $.map(data.files, function(file,i){
        if ($.inArray(file.name,currentfiles) >= 0) { 
            alert("il file "+file.name+" è già presente nell'elenco.");
            return null; 
        }
        return file;
    });
    $('.fileupload-loading').hide();

});

但是当我在上一次上传后尝试添加新文件时，这给了我一个错误。

Answer 1

请试试这个。它对我有用。

$('#fileupload').bind('fileuploadadd', function(e,data) {

    var currentfiles = [];
    $(this).fileupload('option').filesContainer.children().each(function(){
        currentfiles.push($.trim($('.name', this).text()));
    });

    data.files = $.map(data.files, function(file,i){
        if ($.inArray(file.name,currentfiles) >= 0) { 
            alert("il file "+file.name+" è già presente nell'elenco.");
            return null; 
        }
        return file;
    });
    $('.fileupload-loading').hide();

});