emm。前提是已经vue-editor 可以正常运行。。
给 vue-editor 添加一个 @image-added 之前加的是驼峰的运行不了,很多文章也提到了 驼峰不行的。再使用图片上传的方法实现
addedImage (file, Editor, cursorLocation, resetUploader) { // console.log(file) let fm = new FormData(); fm.append('files', file); AXIOS({ url: `/common/upload/image`, method: 'post', data: fm, headers: { Authorization: getToken(), }, }).then((res) => { let url = res.data.data[0].url Editor.insertEmbed(cursorLocation, 'image',this.api+url ) resetUploader() }).catch(err => { console.log(err) }) },如果上传图片有问题。就是axios封装的有问题,需要给headers加上 "Content-Type": "multipart/form-data" 和 transformRequest
AXIOS({ url: `/common/upload/image`, method: 'post', data: fm, headers: { "Content-Type": "multipart/form-data" }, transformRequest: [ (params) => params, ] }).then((res) => 。。。。。