下面是实现效果首先我们是用在vue项目中的，使用的是vue-quill-editor插件如果想知道vue-quill-editor的基础用法和图片上传可以看看我之前写的一篇文章基本用法：[链接]富文本框图片上传七牛：[链接]

使用react-quill富文本编辑器，里面处理图片是默认转成base64，提交到后台的时候文件太大，因此这里改写处理image的逻辑，改成上传到服务器。具体代码如下：

【版本】 vue-cli3 webpack@4.33.0 quill@1.3.6 【步骤】 下载Quill {代码…} 在组件中引入Quill editor.vue {代码…} 使用该组件 App.vue {代码…} 【常用API】 下面请原谅我的佛系翻译 :) getContents 用于…