解决input file两次选择相同文件不触发change事件的问题

Posted fairy62

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决input file两次选择相同文件不触发change事件的问题相关的知识,希望对你有一定的参考价值。

当第一次选择图片1时,input的change事件触发,因为input的value从无变成图片1,value值发生了改变,

此时:

如果第二次选择图片2时,input的change事件触发,因为input的value从图片1变成图片2,value值发生了改变,

如果第二次选择图片1时,input的change事件不会触发,因为input的value值依然为图片1,value值没有发生改变,如果第二次不做文件选择,而是点击的取消的话,change事件触发,因为value值被清空,

我的解决方案是input选择了value之后,在适当的时机把input的value赋空

以上是关于解决input file两次选择相同文件不触发change事件的问题的主要内容,如果未能解决你的问题,请参考以下文章

input[type="file"] change事件第二次不触发

html file input onchage没有调用(两次选择同一个文件)

Input type="file"上传文件change事件只触发一次解决方案

2019一些总结

file控件选择同一文件不触发change事件和img控件不改变src的情况下图片不刷新问题解决

解决label 和checkbox点击事件触发两次问题