vue-axios 中使用progress事件,为什么请求失败 event.loaded 等于 event.total

发布于 2022-09-07 21:11:30 字数 1271 浏览 23 评论 0

vue-axios 中使用progress事件,为什么请求失败时 event.loaded = event.total ,这样子的话就没有办法算出实时进度条了

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

 let config = {
      onUploadProgress: (progressEvent: any) => {
        console.log(progressEvent.loaded);
        console.log(progressEvent);
        this.progress =
          (((progressEvent.loaded / progressEvent.total) * 100) | 0) + "%";
        console.log(this.progress);
      }
    }; /* 上传进度事件 */

    Axios.post(`/carrots-admin-ajax/a/u/img/task`, form, config)
      .then(res => {
        console.log(res);
        let message = res.data.message;
        this.uploadInfo(this.files);
        /* 这里上传的是图片名,接口通了以后要更改返回图片的路径 */
      })
      .catch(function() {
        console.log("FAILURE!!");
      }); /* 上传成功的回调,信息在这里面提取,要限制上传图片的大小 */
  } /* 点击上传按钮,发送HTTP请求 */

你期待的结果是什么?实际看到的错误信息又是什么?

大佬们, progress事件哪位大佬熟悉的? 想问一下,

为什么progress事件中的 loaded 在请求失败时和 total是一样的呢?这样的话实时进度条就没有办法实现了呢[图片]
clipboard.png

clipboard.png

可以看到,我这里明明请求失败了,但是loaded还是等于total。
哪位大佬能帮忙解决下,十分感谢!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文