elementui图片覆盖上传


表单中有个上传图片,表单创建分2次调用接口
图片上传一个接口,每次上传成功,返回一个图片保存的id,然后每次上传图片都会重新赋值新的fileId ,再调用创建表单接口
上传成功之后,调用获取图片接口得到图片的base64,然后拼接url渲染图片

不用limit限制文件个数,使用file-list可以拿到图片的列表
如果用limit限制上传个数的话,上传了一张图片,只有先选择删除它,才能再上传图片。
不限制的话,可以直接点击图片,然后直接选择上传


  上传图片
  


data() {
    return {
      url: null, // 路径
      fileList: [], // 文件列表
      myHeaders: { key: 'xxx' }, //请求头

    }
}
methods: {
 handleChange() {
   if (this.fileList.length === 0) {
     this.$refs.upload.submit()
   }
 },
 handleSuccess(res) {
   this.row.fileId = res.data[0].id
 },
}