js input[type=file]选择重复的文件,无法触发change事件

选择文件的时候,浏览器会判断是否跟之前一致,如果一致他就不会重新加载这个文件,避免无谓的加载消耗。所以我们在不一样的需求的时候,比如裁剪图片,无论他是不是相同图片,都必须让他触发change事件,这样才能进行下一步处理。

解决方法:给input添加原生事件onblur进行清空,οnblur="this.value=''" ,blur比change事件的优先级要高一点。

代码:

<input type="file" accept="image/*" οnblur="this.value=''" @change="uploadPhoto" class="uploadImg"/>

猜你喜欢

转载自blog.csdn.net/qq_42740797/article/details/123206168
今日推荐