如何通过 XMLHttpRequest 上传文件时获取进度

我想知道如何使用 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
}

Try xhr.upload.onprogress。在 XMLHttpRequest2 规范中，XMLHttpRequest 有 upload 属性。

能够注册进度事件。两者都用于下载（将 XMLHttpRequest 对象本身的监听器）和上传（放 XMLHttpRequestUpload 对象上的侦听器，由上传返回 属性）。http://dev.w3.org/2006/webapi/XMLHttpRequest-2/#differences http://dev.w3.org/2006/webapi/XMLHttpRequest-2/#differences