axios下载文件进度显示

爱哼的阿狸

已于 2023-04-07 10:23:58 修改

阅读量401

点赞数

分类专栏：笔记文章标签： javascript 前端 vue.js

于 2023-04-07 10:22:25 首次发布

本文链接：https://blog.csdn.net/youFeng1314/article/details/130006063

版权

笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

// 参数一 url  二 参数  三 配置项
      axios
        .post(
          'www.baidu.com',
          {},
          {
            responseType: 'blob',
            timeout: 300000,
            onDownloadProgress(ProgressEvent) {
              const load = ProgressEvent.loaded
              const total = ProgressEvent.total
              const progress = (load / total) * 100
              console.log('progress=' + progress)
              //一开始已经在计算了 这里要超过先前的计算才能继续往下
              // if (progress > _this.fileDown.percentage) {
              //   _this.fileDown.percentage = Math.floor(progress)
              // }
              if (progress == 100) {
                //下载完成
                //   _this.fileDown.loadDialogStatus = false
              }
            },
          }
        )
        .then((res) => {})