input type=file 同一个文件做两次上传操作,第二次无效解决方法

问题
使用input[type=file] 实现文件上传功能,通过onchange事件触发js代码,这个时候第一次上传是完全没问题的,当你第二次上传文件时,如果是不同于上一次上传文件的话是可以正常上传的,不过如果你选择的还是上一个文件,也就是两次上传的文件重复了,那么就会上传失败。

原因

input是通过onchange事件来触发js代码的,由于两次文件是重复的,所以这个时候onchange事件是没有触发到的。

最佳解决方案

读取文件后,记得把input的value重新设置为空即e.target.value=''

参考

https://my.oschina.net/u/3946362/blog/3081631

posted @ 2022-04-02 17:52  虚无——缥缈  阅读(464)  评论(0编辑  收藏  举报