[vue]上传图片的进度回掉函数问题

[leohai]

bug 描述

上传图片后onProgress 回调调用异常

你预期的样子是？

onProgress 回调 在onSuccess后不会被再次调用，且不会出现调用时进度两次100%的情况

系统和浏览器及版本号

• windows
• chrome 92

wangEditor 版本

v5

demo 能否复现该 bug ？

能

最小成本的复现步骤

• 编辑器上传图片配置

MENU_CONF: {
      uploadImage: {
        server: 'http://106.12.198.214:3000/api/upload-img', // 我们上传图片的后台
        onBeforeUpload(files) {
          // files 即选中的文件列表
          console.log("onBeforeUpload");
          return files

          // 返回值可选择：
          // 1. 返回一个数组（files 或者 files 的一部分），则将上传返回结果中的文件
          // 2. 返回 false ，则终止上传
        },
        // 上传进度的回调函数
        onProgress(progress) {
          // progress 是 0-100 的数字
          console.log('progress', progress)
        },
        // 单个文件上传成功之后
        onSuccess(file, res) {
          console.log(`${file.name} 上传成功`, res)
        },
        // 单个文件上传失败
        onFailed(file, res) {
          console.log(`${file.name} 上传失败`, res)
        },
        // 上传错误，或者触发 timeout 超时
        onError(file, err, res) {
          console.log(`${file.name} 上传出错`, err, res)
        },
      },
    }
  }

• 上传图片，看回调调用情况

[wangfupeng1988]

这不是 vue 组件的问题，编辑器单独用也会有这个问题。