vue-quill-editor上传图片添加进度条

对于vue-quill-editor插件的图片上传添加进度条，你可以按照以下步骤进行操作：

1. 首先，确保已经安装了vue-quill-editor插件，并在项目中引入相关的依赖。

2. 在你的Vue组件中，通过`import { ImageExtend } from 'vue-quill-editor'`引入`ImageExtend`组件。

3. 在你的Vue组件中，添加一个data属性用于存储上传进度：

data() {
  return {
    uploadProgress: 0
  }
}

4. 在Vue的template部分，使用`ImageExtend`组件并将`upload-progress`属性绑定到上传进度：

<quill-editor>
  <image-extend
    ref="imageExtend"
    :upload-progress="uploadProgress"
    :image-upload-fn="uploadImage"
  ></image-extend>
</quill-editor>

5. 在Vue的methods部分，实现`uploadImage`方法用于处理图片上传，并在上传过程中更新上传进度：

methods: {
  uploadImage(file) {
    // 创建一个FormData对象