【问题标题】: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('');
        });
    });
    

    【讨论】:

      猜你喜欢
      • 2015-03-06
      • 2017-08-13
      • 1970-01-01
      • 1970-01-01
      • 2012-09-19
      • 1970-01-01
      • 2012-04-18
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多