2014-03-26 40 views
3

我在一个应用程序中使用uploadify。我已经成功实施它。在完成上传文件后,我知道了这些文件的队列栏缓慢隐藏。但我不想隐藏这个栏,因为我能够了解有多少文件正在上传以及哪些文件。我试图写一些东西如 'onUploadComplete' : function() { $('.uploadify-queue').show(); }不想在uploadify上传完成后隐藏队列项目栏

但没有运气。有没有任何选项不隐藏uploadify的队列栏。

回答

4
$('#file_upload').uploadify({ 
    'swf'  : '/js/uploadify/uploadify.swf', 
    'uploader' : '/js/uploadify/uploadify.php', 
    'method' : 'post', 
    'formData' : { 'someKey' : 'someValue' }, 
    'auto'  : false, 
    'buttonClass' : 'form-control', 
    'removeCompleted' : false 
}); 

使用removeCompleted : false

+0

它确实从队列中不明确的项目,以及 – userlond

0

基本思路是原始块复制到另一个,并确定关闭自己的规则:

$('#file_upload').uploadify({ 
    // other options 

    'onUploadSuccess': function (file, data, response) { 
     // clone block to another to prevent hidding 
     var blockOld = $('#' + file.id); 
     var block = blockOld 
       .clone() 
       .removeAttr('id') 
       .insertAfter(blockOld); 
     // remove original block 
     blockOld.remove(); 

     // close block on cancel button click 
     block.find('.cancel').click(function() { 
      $(this) 
       .closest('.uploadify-queue-item') 
       .fadeOut(function() { 
        $(this).remove(); 
       }) 
      ; 
     }); 
    } 
});