本篇是用vue写的组件,也可以自己写成html,复制粘贴就行。方法修改一下即可
首先,需要把上传url地址写到下面组件上,然后把参数修改一下即可使用。本文要注意的有如下几点:
wangeditor上传图片格式为file文件流,直接使用json格式发给接口,是为空的。
需要把file文件流转成base64(filesToBase64),再转blob格式(Base64toBlob)
使用customUploadImg钩子,可以自定义上传图片
上传成功后,图片path插入到富文本里,需要使用editor.cmd.do
// @/components/editor.vue
import Editor from "wangeditor";
import axios from "axios";
export default {
props: {
eleId: {
type: String,
default: ""
}
},
created() {
this.initEditor(this.eleId);
},
data() {
return {
editor: {},
uploadImgForm: {
Token: "40B8C283F7D339DFD2ABECD77C017C9C",
file: {},
SystemTag: "