Html5 ajaxファイルアップロードの進行状況リスナーがFirefoxで100％アップロードするときにトリガーしない

Question

アップロード後にajaxでファイルをアップロードして画像を処理しています。 Firefoxでajax経由でイメージファイルをアップロードしようとしたとき、アップロード率が100％でファイルが正常にアップロードされていたときに、進捗状況が表示されないxhr progressイベント。

Google Chromeの起動時にアップロードが進行するが、Firefoxは起動しません。

Biriefly私のアップロードのスクリプト：

$("#uploadbutton").click(function(){ 
    var xhr=new XMLHttpRequest() 
    ,fd=new FormData(); 

    xhr.upload.addEventListener("loadstart", uploadStart, false); 
    xhr.upload.addEventListener("progress", uploadProgress, false); 
    xhr.addEventListener("error", uploadFailed, false); 

    xhr.open("POST", mainurl+"ajaxupload.php"); 

    $.each($("#upload_input").files,function(i,file){ 
    fd.append("files_"+i,file); 
    });  

    xhr.send(fd); 

}); 

function uploadProgress(event){ 
    var percentComplete = Math.round(event.loaded * 100/event.total); 
    console.log("pecent ",percentComplete); 
} 

アップロード開始、1回runnig uploadprogressの機能は、（主にアップロードパーセント80％）ではなく、whenがアップロードfnishをトリガします。

Answer 1

現在のハンドラに加えて、load（正常終了時に起動します）、loadend（いつでも最後に起動します）。

// zero or once 
xhr.addEventListener("load", uploadSuccess, false); 
function uploadSuccess(event) { 
    console.log("Upload successful."); 
} 

// once 
xhr.addEventListener("loadend", uploadComplete, false); 
function uploadComplete(event) { 
    console.log("All done."); 
}