解决 input 文件上传不能上传重复文件的问题

问题发生背景

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

原因

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

解决方案

方案一: 删除input标签的代码并重新添加dom节点,不过这个方案太笨拙,所以使用方案二。

方案二: 把input的value重新设置为空就好了,

JS方式:document.getElementById('uploadFile').value = null;
jquery方式:$('#uploadFile').val= null;
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论