前端：获取上传文件进度

最新推荐文章于 2024-07-01 12:15:20 发布

怕冷的火焰（~杰）

最新推荐文章于 2024-07-01 12:15:20 发布

阅读量941

点赞数 1

分类专栏：前端文章标签：前端

本文链接：https://blog.csdn.net/weixin_50236973/article/details/127986835

版权

前端专栏收录该内容

59 篇文章 0 订阅

订阅专栏

var xhr = new XMLHttpRequest();
xhr.open('PUT', fileUploadUrl, true);
xhr.onload = function (e) {
    console.log('上传成功', xhr.status, xhr.statusText);
};
xhr.upload.onprogress = function(e){
    if(e.lengthComputable){
        console.log('当前上传进度'+Math.round((e.loaded/e.total)*100)+'%')
    }
};
xhr.onerror = function (e) {
    console.log('上传出错', xhr.status, xhr.statusText);
};
xhr.send(file);