Q1:上传文件A以后, 再次上传文件A,不会触发onChange
。
onChange 触发的原理
:
系统会比较前后两次 input 的 value,只有在前后两次 value 不同的时候去触发。这个 value 实际上就是文件的路径
。
因此我们能够理解,多次上传同个文件,文件的路径始终没有发生改变,即使文件的内容发生了改变,对于系统来说,它认为是同个文件。
解决思路
:
每次上传完文件后,手动将 input value 清空,即可避免这种问题。
<input id='myFile' type='file' />
document.getElementById('myFile').value = '';
网友评论