这两天在用wangEditor的时候在上传图片的时候遇到一些问题
有些地方也没有直接贴出源码只是贴了一些伪代码,
这里我将我练手的项目demo贴出来,这里只是例举了我的方案,具体操作建议观看
基本配置
如下
editor.customConfig.showLinkImg = false //关闭网络路径图片方式
editor.customConfig.uploadImgServer = 'http://localhost:3000/upload' // 上传图片的接口地址
editor.customConfig.uploadFileName = 'file' // formdata中的name属性
请求头
还有一个是请求头,后台在上传文件的时候需要添加请求头验证,此处我这边需要添加一个Authorization
代码如下
editor.customConfig.uploadImgHeaders = {
Authorization: localStorage.getItem('toutoken') // 设置请求头
}
开启debug模式
开启debug模式可以帮我们定位bug
editor.customConfig.debug = true // 开启debug模式
设置监听函数
editor.customConfig.uploadImgHooks = {
// 图片上传并返回结果,但图片插入错误时触发
fail: function (xhr, editor, result) {
console.log