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

【问题标题】：How to get progress when uploading file VIA XMLHttpRequest通过 XMLHttpRequest 上传文件时如何获取进度
【发布时间】：2011-11-16 14:52:53
【问题描述】：

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

【问题讨论】：

标签： javascript html filereader fileapi

【解决方案1】：

试试xhr.upload.onprogress。在 XMLHttpRequest2 规范中，XMLHttpRequest 有上传属性。

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

【讨论】：