问题:

quill默认是把图片转换为base64格式,这样做会带来一个问题,当图片大小过大时,转码时间过长,提交后台时参数过长,导致提交失败

解决:

to be continued...

base64转码:

上传到我的后端处理后:


矛盾:

一开始在想,这个quill为啥要把图片传到服务器后再回调,将图片显示在编辑器中

这个图片上传到后端-->显示在编辑器内,我还要再点击发布,再统一上传一次文字+图片,所以为什么不一开始就直接点击上传(上传前,并未传到服务器,只是编辑器中有显示图片)将图片显示,然后统一发布?这样我只要传到服务器1次就够了。

理清:

首先明确,富文本编辑器上传到服务器的都是字符串,文字内容就不用说了,图片的url也就是链接,如果你不事先将图片传到服务器,那么后端怎么知道你那串链接是个啥,也就是找不到该图片的路径,前端也就显示不了图片

所以整个流程是这样的:

  • 前端上传图片到服务器,后端接收并处理,存入,返回处理过的链接
  • 前端在上传成功的回调中,拿到从后端返回的链接,显示图片
  • 用户点击发布,拿到富文本中的内容(字符串),传给后端存入到数据库

爬。