最近在做管理后台,在做富文本是时候选择了vue-quill-editor,生成的图片路径是base64类型, 这样导致整个富文本的html片段十分冗余。我们的服务器端接收的post的数据大小都是有限制的,这样的话导致提交失败,就算不提交失败,大量的数据存入数据库也不是好事。
解决方式
如上图,我们点击图片,不是把图片的base64编码插入富文本框,而是将本地文件上传到服务器,将图片以html方式插入在富文本框内。这样由base64的图片数据优化成<img src="">
的html格式数据。
参考:https://github.com/NextBoy/skill/issues/2