element上传功能取消自动上传,使用自定义上传时,多次触发上传成功回调函数,想要实现所有图片上传成功再处理接下事情的处理办法

解决思路:每当我们改变,删除图片列表时,就为data中的总图片列表的长度重新赋值,最后该值等于我们选定的所有图片列表的长度。然后通过调用上传成功的钩子函数,每当我们上传成功一张图片,就为data中另一个成功上传列表的值+1。当上传成功的值等于总上传图片列表的长度,证明我们所有的图片都上传成功,接下来执行我们后面的操作。

1.每当我们改变,删除图片列表时,都会调用钩子

:on-change="changelist"

:on-remove="handleRemove"

2.所以,我们可以定义一个两个长度data数据

imglist: "", //图片上传数组长度

uploadsuccessimg: "", //上传成功图片的数量

3.定义change和remove函数

handleRemove(file, fileList) {

      this.imglist = fileList.length

    },

//改变函数

    changelist(file, fileList) {

      this.imglist = fileList.length

    },

4.在上传成功钩子函数中,判断是否相等,从而决定是否执行我们之后的操作:

//图片上传成功的钩子函数

    uploadImgSuccess(res) {

      if (res.status == 0) {

        this.uploadsuccessimg++

        if (this.uploadsuccessimg == this.imglist) {

         //执行我们之后的操作

        }

      }

    },

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值