问题发生背景
使用input[type=file] 实现文件上传功能,通过onchange事件触发js代码,这个时候第一次上传是完全没问题的,不过当你第二次上传文件时,如果是不同于上一次上传文件的话是可以正常上传的,不过如果你选择的还是上一个文件,也就是两次上传的文件重复了,那么就会上传失败。
原因
input是通过onchange事件来触发js代码的,由于两次文件是重复的,所以这个时候onchange事件是没有触发到的。
解决方案
方案一: 删除input标签的代码并重新添加dom节点,不过这个方案太笨拙,所以使用方案二。
方案二: 把input的value重新设置为空就好了,
document.getElementById('uploadFile').value = null;
本文探讨了使用input[type=file]上传相同文件时出现的问题及解决方法。当用户尝试上传与前次相同的文件时,由于onchange事件未被触发导致上传失败。文章提供了一种简单有效的解决方案,即将input元素的value属性设为null。

204

被折叠的 条评论
为什么被折叠?



