vue-quill-editor+ElementUI（el-upload）实现自定义图片上传

对于vue-quill-editor的安装和基本用法不了解的可以看我另一篇文章，这里就不赘述了，直接进入正题：

https://blog.csdn.net/weixin_42088314/article/details/109767214

当插入图片时由于vue-quill-editor的默认操作是将图片转为base64编码，所以当图片比较大，提交后台时参数过长，导致提交失败或者无法存进数据库等情况。于是我们就需要自定义图片上传来实现需求。

解决思路

1、使用elementUI的el-upload来上传图片，同时需要隐藏该上传区，当点击富文本编辑器中的图片上传图标时再调用。
2、选择图片后上传至后台，后台再回传图片路径，前端显示图片。

template>中使用el-upload组件：

    <!--
        class 定义类名 用于css中隐藏上传区域
        action 自己写的后台图片上传接口
        show-file-list 是否显示上传的文件列表
        on-success 图片上传完成的回调
        before-upload 图片上传前的钩子
    -->
    <el-upload
      class="avatarUploader"
      action="/api/upload/upEditorImg"
      :show-file-list="false"
      :on-success=