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) => 。。。。。