wangeditor上传图片vue2

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

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

npm install wangeditor@3.1.1 vue-wangeditor@2.10.2
登录后复制

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

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

Vue.use(VueWangEditor)
登录后复制

在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>
登录后复制

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

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