el-upload上传

上传图片

 <el-upload
             ref="uploadLogo"
            :file-list="fileList2"
            :show-file-list="true"
            :on-remove="handleRemove1()"
            class="editor-slide-upload"
            action
            :http-request="upload1()"
            :on-change="onchangeLogo"
            list-type="picture-card"
            accept=".jpg,.png,.jpeg,.svg,.ico"
          >
            <i class="el-icon-plus avatar-uploader-icon"></i>
  </el-upload>

场景:上传图片后,可再次上传,覆盖掉第一张上传的图片

    //上传
    upload1() {
      return item => {
        let fd = new FormData()
        fd.append('file', item.file)
        this.CurObject.logo = item.file
        // this.fileList = item.file.name

        // upload(fd).then(res => {
        //   this.CurObject.cover = res.data
        // })
      }
    },
   //覆盖
    onchangeLogo(file, fileList) {
      if (fileList.length > 1) {
        fileList.splice(0, 1)
      }
      this.CurObject.businessLicense = fileList[0].raw
    },
  //移除
    handleRemove1() {
      // this.fileList2 = []
    },

上传图片踩坑日记
使用upload上传的时候,覆盖前一个图片时,使用on-change事件,去除limit,否则此方法无打印结果;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值