wangEditor 默认⽀持图⽚上传，可通过“⽹络图⽚”选项的输⼊线上图⽚地址处理。 如果经常需要⽤户选择本地图⽚，⼯具提供了接⼝处理⽅式⾃动上传图⽚获取地址的功能（⻅⽂档），但 功能对服务器响应格式有要求，或⾃⾏通过属性进⾏信息配置，较为繁琐。 这⾥通过⼯具中的⾃定义上传处理。 // WangEditor 官⽅示例 - ⾃⼰实现上传图⽚ editor.config.customUploadImg = function (resultFiles, insertImgFn ) { // resultFiles 是 input 中选中的⽂件列表 // insertImgFn 是获取图⽚ url 后，插⼊到编辑器的⽅法 // 上传图⽚，返回结果，将图⽚插⼊到编辑器中 insertImgFn(imgUrl) } 设置到⻚⾯中观察，图⽚菜单多出了上传图⽚选项，选择⽂件后触发 customUploadImg 回调。 参数1 resultFiles 为⽂件信息所在数组，上传时取出数据发送即可。 参数2 insertImgFn 为上传完毕接收到地址后，根据图⽚地址⽣成 img 标签并插⼊到富⽂本编辑器时使⽤。 这⾥引⼊之前封装的图⽚上传函数，并进⾏处理 // TextEditor/index.vue … // 引⼊⽂件上传接⼝ import { uploadCourseImage } from ‘@/services/course’ … initEditor () { … // 配置 ⾃定义上传图⽚ 功能 editor.config.customUploadImg = async function (resultFiles, in sertImgFn) { // 发送请求（参数需要 FormData 类型） const fd = new FormData() fd.append(‘file’, resultFiles[0]) const { data } = await uploadCourseImage(fd) if (data.code === ‘000000’) { // 根据地址创建 img 并插⼊到富⽂本编辑器 insertImgFn(data.data.name) } } … } …