wangeditor上传图片vue2

在Vue2中使用wangeditor上传图片，你可以按照以下步骤进行操作：

1. 首先，安装wangeditor的Vue2适配版本：

npm install wangeditor@3.1.1 vue-wangeditor@2.10.2

2. 在Vue组件中引入wangeditor和vue-wangeditor：

import Vue from 'vue'
import Editor from 'wangeditor'
import VueWangEditor from 'vue-wangeditor'

Vue.use(VueWangEditor)

3. 在Vue组件中使用vue-wangeditor，并配置上传图片的功能：

<template>
  <div>
    <vue-wang-editor v-model="content" :config="editorConfig"></vue-wang-editor>
  </div>
</template>

<script>
export default {
  data() {
    return {
      content: '',
      editorConfig: {
        uploadImgServer: '/upload', // 上传图片的接口地址
        uploadFileName: 'file', // 上传图片的文件名
        uploadImgMaxSize: 5 * 1024 * 1024, // 上传图片的最大体积，单位为字节
        uploadImgMaxLength: 5 // 一次最多上传的图片数量
      }
    }
  }
}
</script>

4. 在后端实现图片上传接口 `/upload`，接收并处理上传的图片文件。

以上就是在Vue2中使用wangeditor上传图片的基本步骤。你可以根据需要自定义配置和样式。