解决上传文件或图片时选择相同文件无法触发change事件的问题

Posted 2020-10-31 Yukiee

昨天在做一个上传文件的模块时遇到了这样的问题：打开文件一上传，上传成功后再次点击文件一，change事件无反应

<input type="file" name="file" class="file-input" @change="setFile" />

在网上查了一番发现，当第一次选择文件一上传时，存放的文件由空变成了文件一，上传成功后，再次选择文件一，此时就相当于没有change，所以两次选择相同的文件不会触发change事件，

解决办法，把选择的文件清空就好了。

setFile(e){
       ......
       e.srcElement.value = ""//及时清空
}