vue使用wangEditor富文本编辑器上传本地图片到oss

vue使用wangEditor富文本编辑器上传本地图片到oss

背景：本次上传方式采用的是 请求后台返回签名数据上传到oss；代码中使用的是ElementUI插件；项目是一个开放的平台，任何注册过的用户都可以使用平台中的富文本功能。

第一步
配置oss：
1，权限管理–读写权限 设置为公共读写
2，权限管理–跨域设置 设置为下图：

注：最近听说新建的bucket，传入图片后直接引用图片地址默认为下载图片，没具体研究，好像需要主账号进行相应配置。

代码部分

第二步

1，引入wangEditor

npm i wangeditor --save
npm install vue-axios --save
npm install qs.js --save

页面引入

import E from "wangeditor";//页面引入
import axios from 'axios',// axios

main.js

Vue.prototype.qs = qs;//普遍用到的，把json格式的直接转成data所需的格式，全局注册

2，界面展示代码template部分࿱