**问题:**上传图片时,我们一般会做大小限制,如果超过多少,就会报错.但是客户可能第二次还会继续上传刚刚那个过大的图片,但是第二次就不会报错.
**原因:**由于图片一样,导致无法触发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 ̄)づ
❤如果喜欢比卡丘分享的文章,就给比卡丘点个关注吧!(๑′ᴗ‵๑)づ╭❤~
❤鉴于个人经验有限,所有观点及技术研点,如有异议,请直接回复讨论(请勿发表攻击言论)
拿走,不用谢!!!送人玫瑰,手留余香