解决 elemet中的 el-upload上传图片不符合规则会删除掉所有图片

使用before-upload 方法,不符合规则时,会清空掉所有的已经上传的图片(运行了删除图片的事件);因为需要删除图片功能,所以不能在删除事件里进行判断图片是否符合规则,所以就有了以下笨方法.....

实现:使用http-request覆盖默认的上传行为;

  selectPicUpload(obj) {

      const file = obj.file;

      const  arr=[];

      const isJPG = file.type === "image/jpeg";

      const isJPG2 = file.type === "image/jpg";

      const isPNG = file.type === "image/png";

      const isLt5M = file.size / 1024 / 1024 < 20;

      if (!isJPG && !isJPG2 && !isPNG) {

        this.$message.warning("只支持jpg或png格式图片");

         this.fileList = [...this.fileList,...arr];//更新数组 不符合要求的删除掉

        return;

      }

      if (!isLt5M) {

        this.$message.warning("请上传20MB以内的图片!");

          this.fileList = [...this.fileList,...arr];

        return;

      }

}

菜鸟一枚....希望各位大佬们有更好的方法可以分享下。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值