jquery - blueimp jQuery-File-Upload スクリプト - プログレス バーのリセット

Question

答えをオンラインで検索しましたが、運がありませんでした。私は彼らのサポートフォーラムに投稿しましたが、運もありません. プログレスバーの設定に関する情報を見つけるために、ドキュメントも検索しましたが、何も役に立ちませんでした。誰かが私を正しい方向に向けることができますか？2 つのファイルのアップロードの間に進行状況をゼロにリセットし、2 回目のファイルのアップロードでバーを再びアニメーション化できるようにする必要があります。ありがとうございました。

Answer 1

doneコールバックで進行状況バーの幅を (100% ではなく) 0 に戻すことができます。

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

.. setTimeout を使用して、バーが「完了」状態に「遷移」する時間を与え、後退する前に少しの間そこにとどまります。

Answer 2

次のようなコールバック機能を使用します。

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

コールバック オプションも参照してください。

Answer 3

この問題を解決するために次のコードを使用します。非常にうまく機能すると言わざるを得ません。

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