wangeditor上传图片配置filed

Wangeditor 图片上传 Filed 配置
Wangeditor 是一款基于 Vue 的富文本编辑器，在实现图片上传功能时，filed 参数用于指定文件域名称。为了正确配置 filed 及其他相关参数，可以按照如下方式进行设置：
基本配置方式
在初始化 Wangeditor 实例并配置图片上传选项时，可以通过自定义函数来处理上传逻辑，并在此过程中设定 filed 属性。
const editor = new wangEditor('#editor')

// 自定义上传图片接口
editor.config.customUploadImg = function (resultFiles, insertImgFn) {
const formData = new FormData()

// 设置 file 字段名以及要上传的文件对象
formData.append('customFileName', resultFiles[0])

fetch('/upload/image', { // 替换成实际服务器地址
method: 'POST',
body: formData,
})
.then(res => res.json())
.then(data => {
if (data.success) {
// 将返回的数据中的 url 插入到编辑区
insertImgFn(data.url)
} else {
console.error('上传失败')
}
})
}
登录后复制
上述代码片段展示了如何通过 formData.append() 方法向表单数据追加文件项，并指定了字段名为 'customFileName'[^1]。
完整参数列表
除了 filed 外，还可以根据需求调整更多参数以满足特定场景下的应用要求：

参数
类型
默认值
描述

customUploadImg
Function
null
用户自定义图片上传回调函数

withCredentials
Boolean
false
是否携带 cookie 进行跨域请求

需要注意的是，具体的 filed 名称应依据后端 API 接口文档的要求而定，确保前后端约定一致以便顺利完成文件传输过程。