使用Element的上传图片组件和Vue实现上传图片功能，在线等，急急急！！！

难点：
一、action必选参数，为上传的地址？
二、上传的地址怎么链接后台数据接口？
三、是选择图片点击打开就上传到后台数据库里，还是选择图片后打开显示在页面上，然后使用保存按钮统一把数据保存到数据库里？
疑点：
:action="uplodaerUrl，
UploadUrl:function(){
return "返回需要上传的地址";

}

网上说action加绑定方法，返回链接地址，但是没成功案例，请大神指点！

https://blog.csdn.net/a12541254/article/details/79036841

后台给上传的接口, 通过接口的url上传后, 后台会返回图片在服务器的url和name

https://segmentfault.com/a/1190000012278498

 <el-upload
          class="avatar-uploader"
          v-loading="loading"
          :show-file-list="false"
          multiple: false
          action="http://接口地址/api/common/uploadFile"
          :on-success="handleAvatarSuccess"
          :before-upload="beforeAvatarUpload"
          >
          <img v-if="imageUrl" :src="imageUrl" class="avatar">
          <i v-else class="el-icon-plus avatar-uploader-icon"></i>
          <!--<el-progress :percentage="progressData" v-show="loading"></el-progress>-->
        </el-upload>

handleAvatarSuccess(res, file) {
            this.loading = false
      this.imageUrl = res.data.url
      this.picName = res.data.name
      Message({
                type: 'success',
        message: '上传成功',
        showClose: true
        })
      },

beforeAvatarUpload(file) {
        this.loading = true
        this.progressData = 0
        var timer2 = setInterval(() => {
          this.progressData = this.progressData + 1
          if (this.progressData >= 100) {
            clearInterval(timer2)
          }
        }, 200)
        // const isJPG = file.type === 'image/jpeg'
        const isLt5M = file.size / 1024 / 1024 < 5
        // if (!isJPG) {
        //   Message.error('上传头像图片只能是 JPG 格式!');
        // }
        if (!isLt5M) {
          Message({
                    type: 'warning',
          message: '上传头像图片大小不能超过 5MB!',
          showClose: true
            })
        }
        return isLt5M
      },

谢谢整理代码！
主要问题是action，我没有直接的传送地址比如http什么的，我是要通过后台接口传送代码？？？
我该怎么样把后台接口放到action里？