FineUploader淡入淡出每行

Question

我正在尝试使用fineUploader，但遇到了一个问题。问题真的是因为我不太精通jQuery，所以如果这是一个愚蠢的问题，我很抱歉。

下面是我的代码。我想要上传在fineUploader中成功加载的每一行，以便在上传结束时出现的都是原始的fadeOut按钮或失败的上传。如果你上传1000个文件，它看起来真的很俗气，每个上传的图像都有1000行绿色的方框。我喜欢Uploadify的工作方式，但是在上传的最后，每一行都会慢慢淡出，没有上传的图片行。有人能给我提个解决方案吗？谢谢!

This is the container which jQuery loads each success or failed row into...
<ul id="basicUploadFailureExample" class="unstyled"></ul>

$(document).ready(function() {
var errorHandler = function(event, id, fileName, reason) {
    qq.log("id: " + id + ", fileName: " + fileName + ", reason: " + reason);
};

var uploader3 = new qq.FineUploader({
    element: $('#basicUploadFailureExample')[0],
    callbacks: {
        onError: errorHandler,
        onComplete: function(id, fileName, responseJSON) {
            if (responseJSON.success == true) {
                            // I would think the fade out would go here but I am just not sure... 
            } 
        }
    },
    request: {
        endpoint: "../server/php/example.php",
        params: {"generateError": true}
    },
    failedUploadTextDisplay: {
        mode: 'custom',
        maxChars: 5
    }
}); 

})；

Answer 1

实际上，这很容易做到，而且你有正确的想法，你只是错过了一个关键的API函数。

您的代码应如下所示(只需添加/更改一行)：

var uploader3 = new qq.FineUploader({
    element: $('#basicUploadFailureExample')[0],
    callbacks: {
        onError: errorHandler,
        onComplete: function(id, fileName, responseJSON) {
            if (responseJSON.success == true) {
               $(this.getItemByFileId(id)).hide('slow');
            } 
        }
    },
    request: {
        endpoint: "../server/php/example.php",
        params: {"generateError": true}
    },
    failedUploadTextDisplay: {
        mode: 'custom',
        maxChars: 5
    }
}); 

我添加到onComplete处理程序的这一行调用getItemByFileId函数，该函数返回包含UI中显示的文件详细信息的元素。简单地隐藏它，或者在它上面执行一些其他动画，最终就会隐藏它。

顺便说一句，我认为这是一个很酷的想法(淡出所有失败的上传)。