blueimp jQuery-File-Upload 脚本 - 重置进度条答案

【问题标题】：blueimp jQuery-File-Upload script - reset progress barblueimp jQuery-File-Upload 脚本 - 重置进度条
【发布时间】：2013-10-15 13:22:58
【问题描述】：

我在网上搜索了我的答案，但没有运气。我在他们的支持论坛上有posted，也没有运气。我还搜索了他们的documentation，试图找到一些有关设置进度条的信息，但没有发现任何有用的信息。有人可以指出我正确的方向。我需要能够在两个文件上传之间将进度重置为零，并在第二个文件上传时再次为栏设置动画。谢谢。

【问题讨论】：

请发布您的代码

标签： jquery file-upload progress-bar reset blueimp

【解决方案1】：

您可以在done 回调中将进度条宽度设置回 0（而不是 100%）：

done: function (e, data) {
    setTimeout(function() {
        $('#progress .progress-bar').css('width',0);
    }, 1500);
    ...
}

..我正在使用 setTimeout 给酒吧一些时间来“过渡”到“完成”状态，并在退回之前保持一段时间。

【讨论】：

谢谢！这应该是公认的答案。使用 jQuery File Upload Plugin 版本 5.31 开箱即用。

【解决方案2】：

我使用这样的回调功能：

$('#fileupload').bind('fileuploadalways', function (e, data) {
   $('#progress .progress-bar').css('width',0);
});

另见Callback Options

【讨论】：

【解决方案3】：

我用下面的代码解决了这个问题，不得不说效果很好。

$(document).ready(function() {
    $('#fileupload').click(function(){
        $('#progress .progress-bar').css('width', 0);
        $('#progress .progress-bar').html('');
    });
});

【讨论】：