php - jQuery Multi file Uploader でのアップロード完了後にページを更新する

Question

PHPでjQueryマルチファイルアップローダー（https://github.com/blueimp/jQuery-File-Upload ）を使用しています

すべてのファイルがアップロードされたら、アップロード ページを更新したいのですが、ベーシック プラス UI を使用しています。それを実現する簡単な方法があれば教えてください。

Answer 1

イベントにご利用いただけますstop。これは、グローバル イベントと同等ajaxStopです (ただし、ファイル アップロード リクエストのみ)。

stop: function(e){
      location.reload();
}

Answer 2

私はこのコードを使用しましたが、これまでのところうまくいきます。

$('#fileupload').bind('fileuploadstop', function (e) {
  console.log('Uploads finished');        
    location.reload(); // refresh page
    });

Answer 3

ryan のコードを使用しましたが、問題がありました。fileCount が増加している間にファイルがアップロードされると、data.getNumberOfFiles() の値が減少していたため、アップロードの途中でアップロード スクリプトが中断され、data.getNumberOfFiles() が fileCount と等しくなりました。

ライアンのスクリプトを微調整した方法は次のとおりです。今では魅力的に機能しています。

var fileCount = 0, fails = 0, successes = 0;
var _totalCountOfFilesToUpload = -1;

$('#fileupload').bind('fileuploaddone', function (e, data) {
    if (_totalCountOfFilesToUpload < 0) {
         _totalCountOfFilesToUpload = data.getNumberOfFiles();
    }
    fileCount++;
    successes++;
    if (fileCount === _totalCountOfFilesToUpload) {
        console.log('all done, successes: ' + successes + ', fails: ' + fails);
        // refresh page
        location.reload();
    }
}).bind('fileuploadfail', function(e, data) {
    fileCount++;
    fails++;
    if (fileCount === _totalCountOfFilesToUpload) {
        console.log('all done, successes: ' + successes + ', fails: ' + fails);
        // refresh page
        //location.reload();
    }
});

これが他の人にも役立つことを願っています！:)