ファイルアップロード時の進捗状況VIA XMLHttpRequest

Question

XMLHTTPRequestを使用してファイルのアップロードの進捗状況を取得する方法が不思議です。 Firefoxでは、onprogressメソッドはまったく起動しません。また、chromeでは、ファイルのアップロードが完了した後にのみ起動します。

function fileUpload(file) 
{ 
    var formData = new FormData(); 
    formData.append('file', file); 

    var xhr = new XMLHttpRequest(); 
    xhr.onprogress = function(e) 
    { 
     alert('progress'); 
    }; 

    xhr.open('POST', 'post.php', true); 

    xhr.send(formData); // multipart/form-data 
} 

Answer 1

try xhr.upload.onprogress XMLHttpRequest2仕様では、XMLHttpRequestにアップロード属性があります。

進捗イベントに登録する機能。ダウンロード（XMLHttpRequestオブジェクト自体に リスナーを置く）とアップロード（ 属性によって返されたXMLHttpRequestUploadオブジェクトのリスナーを と置きます）。 http://dev.w3.org/2006/webapi/XMLHttpRequest-2/#differences