uniapp wangeditor上传图片

以下是uniapp中使用wangeditor上传图片的步骤：

1. 在uniapp项目中安装wangeditor插件：

npm install wangeditor --save

2. 在需要使用wangeditor的页面中引入wangeditor：

import WangEditor from 'wangeditor'

3. 在页面中创建一个div元素作为编辑器容器：

<template>
  <div id="editor"></div>
</template>

4. 在页面的mounted钩子函数中初始化编辑器：

mounted() {
  const editor = new WangEditor('#editor')
  editor.config.uploadImgServer = 'your_upload_url' // 设置上传图片的服务器地址
  editor.config.uploadImgHeaders = { 'Authorization': 'Bearer ' + token } // 设置上传图片时的请求头
  editor.config.uploadImgHooks = { // 设置上传图片的回调函数
    customInsert: function (insertImg, result, editor) {
      const url = result.data.url // 获取上传成功后的图片地址
      insertImg(url) // 将图片地址插入到编辑器中
    }
  }
  editor.create()
}

5. 在上传图片的服务器端代码中，接收上传的图片并返回图片的url地址。