Vue图片的上传和富文本的上传图片到七牛云 后端用node

1.vue用elemnet图片上传组件前端代码 和后端代码

vue2的上传方式和vue3的一样

  用element unload 组件 

 <el-upload
      class="avatar-uploader"
      :action= domain
      :http-request = upqiniu   
      :show-file-list="false"
    >
      <img v-if="imageUrl" :src="imageUrl" class="avatar">
      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
    </el-upload>

然后用到定义方法

 data () {
    return {
      imageUrl: '',
      token: {},
      // 七牛云的上传地址，根据自己所在地区选择，我这里是华南区
      domain: 'http://upload-z1.qiniup.com',
      // 这是七牛云空间的外链默认域名
      qiniuaddr: 'rr56s8jzk.hb-bkt.clouddn.com'
    }
  },

最后 调用方法可以上传到七牛云了

 upqiniu (req) {
      console.log(req)
      const config = {