上传重复图片无法提示报错(无法触发change事件)

**问题:**上传图片时,我们一般会做大小限制,如果超过多少,就会报错.但是客户可能第二次还会继续上传刚刚那个过大的图片,但是第二次就不会报错.

**原因:**由于图片一样,导致无法触发change事件

<input
                 type="file"
                 id="fileImages"
                 ref="fileUploader"
                 accept="image/jpeg, image/png"
                 @change="uploadImage($event)"
               />

js处理

    //上传图片
    uploadImage(event) {
      let file = event.target.files[0];
      if (file.size > 8* 1024 * 1024) {
        this.$message.error("由于图片过大,请重新上传其他图片");
        //......................下面是处理方法
        this.$refs.fileUploader.value = ''    //这里不能省略,也是如何处理上面问题的方法.将上传的图片赋空
        return;
      }
      //如果符合走下面代码,就省略了..............
      }

感悟:要多用$refs属性,只知道,不用,等于不知道

❤如果文章对您有所帮助，就在文章的右上角或者文章的末尾点个赞吧！(づ￣ 3￣)づ
❤如果喜欢比卡丘分享的文章，就给比卡丘点个关注吧！(๑′ᴗ‵๑)づ╭❤～
❤鉴于个人经验有限，所有观点及技术研点，如有异议，请直接回复讨论(请勿发表攻击言论)

拿走,不用谢!!!送人玫瑰,手留余香