wangeditor php上传本地图片,wangEditor 本地上传图片配置

let editor;

new Vue({

el: '#app',

data() {

return {}

},

mounted() {

this.initEditor();

},

methods: {

initEditor() {

let that = this;

let E = window.wangEditor;

editor = new E(this.$refs.editor);

// 堆叠层级

editor.customConfig.zIndex = 0;

// 保留的功能按钮

editor.customConfig.menus = [

'undo',

'redo',

'image'

];

// 本地图片上传：关闭外部图片引入

editor.customConfig.showLinkImg = false;

// 本地图片上传：写啥无所谓，反正customUploadImg()方法重写了

editor.customConfig.uploadImgServer = '/upload';

// 本地图片上传：重写方法

editor.customConfig.customUploadImg = function (files, insert) {

// 逐个上传

files.forEach(item => {

upload.image({

url: '${application.imageServerUrl}/upload/cors/single/图片上传接口',

file: item,

success: (res) => {

if (res.status === 200) {

// 塞进去

insert(res.data.图片Url);

}

},

error: () => (that.$message.error('上传失败'))

});

});

};

editor.create();

}

}

});