javascript - キュー全体の SWFUpload 進行状況バー

Question

SWFUpload の進行状況バーはファイル単位で動作していますが、全体の進行状況を確認できるように、キュー全体の進行状況バーが必要です。これは可能ですか？

Answer 1

handlers.js ファイルに移動し、2 つのグローバル変数を宣言します。これは、開始するための単なるアイデアです。UploadError と Exception をチェックして、remainingFiles の値を減らすには、他のコードを追加する必要があります。

var totalFiles = 0;
var remainingFiles = 0;

fileDialogComplete 関数を次のように更新します。

function fileDialogComplete(numFilesSelected, numFilesQueued) {
    try {
        if (numFilesQueued > 0) {
            totalFiles = numFilesSelected;
            remainingFiles = totalFiles;
            this.startUpload();
            $("#progressbar").css({ 'display': '' });
        }
    } catch (ex) {
        this.debug(ex);
    }
}

uploadProgress 関数で、これを追加します。

function uploadProgress(file, bytesLoaded) {
     if (percent === 100) {
           var uploadedFiles = totalFiles - remainingFiles;
           var uploadprogress = (uploadedFiles / totalFiles) * 100;
           $("#progressbar").progressbar({ value: uploadprogress });
      }

}