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

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

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

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

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

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

 

posted @ 2018-04-21 16:59  Yukiee  阅读(2926)  评论(2编辑  收藏  举报