解决quill-editor富文本编辑器上传图片错误问题

在使用quill-editor的时候，上传图片报错解决方法。

1、产生的原因

      通常图片上传时候会转换为base64格式保存，但较大的图片文件后端有容量限制就无法正常保存出现报错问题。

2、解决思路

      上传图片到编辑器中时（也就是点击图片工具上传至编辑器中时），将图片上传至服务器，服务器返回链接形式的地址，由于链接形式的地址长度远远小于base64，所有再显示进编辑器就可成功了。

3、解决步骤

      (1) 准备一个隐藏的file类型的input输入框，用于上传图片（注设置为隐藏）

<input
        type="file"
        id="uploadImg"
        accept="image/png, image/jpeg, image/gif"
      />

      (2) 给编辑器工具栏的上传图片工具添加监听事件，当有上传图片时，触发input框上传功能

 editor.getModule("toolbar").addHandler("image", this.uploadImageHandler);
      function uploadImageHandler() {
        // console.log("点击上传图片");
        const input = document.querySelector("#uploadImg");
        input.value = "";