如何通过 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
}
I am wondering how to get the progress of a file upload using XMLHTTPRequest. In Firefox the onprogress method does not fire at all, and in chrome it only fires after the file has finished uploading.
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
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
尝试xhr.upload.onprogress。在 XMLHttpRequest2 规范中，XMLHttpRequest 有 upload 属性。
Try
xhr.upload.onprogress. In the XMLHttpRequest2 spec XMLHttpRequest have upload attribute.