wangEditor5 上传附件在js 中使用

使用 wangEditor5 上传附件需要借助插件 `wangEditor-plugin-upload-attachment` 提供的 API。

在 wangEditor5 编辑器初始化之前，需要定义上传附件的配置，如下所示：

const uploadConfig = {
  uploadUrl: 'http://your-upload-url.com', // 上传文件的接口地址
  uploadFieldName: 'file', // 上传文件的参数名称
  uploadHeaders: { // 上传文件时需要携带的 HTTP 头部信息
    'Authorization': 'Bearer xxxxxxxxxxxx'
  },
  uploadParams: { // 上传文件时需要携带的其他参数
    'type': 'image'
  },
  uploadTimeout: 5000, // 上传文件的超时时间
  withCredentials: true // 是否携带 cookie
}

其中，`uploadUrl` 是上传文件的接口地址，`uploadFieldName` 是上传文件的参数名称，`uploadHeaders` 和 `uploadParams` 是上传文件时需要携带的 HTTP 头部信息和其他参数，`uploadTimeout` 是上传文件的超时时间，`withCredentials` 是是否携带 cookie。

在 wangEditor5 编辑器初始化时，需要将上传附件的配置传递给插件 `wangEditorPluginUploadAttachment`，如下所示：

const editor = new wangEditor5('#editor')
editor.config.plugins.push(wangEditorPluginUploadAttachment(uploadConfig))
editor.create()

然后，在上传附件的按钮点击事件中，可以使用 `editor.uploadFile` 方法上传文件，如下所示：

const fileInput = document.createElement('input')
fileInput.type = 'file'
fileInput.addEventListener('change', function () {
  const file = fileInput.files[0]
  editor.uploadFile(file)
})

这样就完成了 wangEditor5 的附件上传功能。