mavon-editor编辑器新增的图片上传功能
官方网址给出了图片上传的详细步骤,但是删除图片仅仅是删除了数组内的,其实图片还是存在服务器的,这就很难受了,记录一下删除图片的方法:
<mavon-editor
v-model="todoForm.description"
:subfield="false"
:defaultOpen="todoForm.id?'preview':'edit'"
style="min-height: 500px"
:ishljs="true"
@imgAdd="imgAdd"
@imgDel="imgDel"
/>
删除图片时输出pos可以看出他返回的是一个数组,那么直接获取到pos[0]第一个拿到他的路径,传给后端删除服务器里文件就好了:
imgDel(pos) {
console.log(pos[0]);
var formdata = new FormData();
formdata.append("url", pos[0]);
reqDeleteImg(formdata)
.then(response => {
if (response.success) {
this.error("删除图片成功");
} else {
this.error("删除图片失败:" + response.message);
}
})
.catch(error => {
this.error("删除图片失败:" + error);
});
}