1. 程式人生 > >解決上傳文件或圖片時選擇相同文件無法觸發change事件的問題

解決上傳文件或圖片時選擇相同文件無法觸發change事件的問題

同文件 文件的 昨天 遇到 上傳 put AS 事件 clas

昨天在做一個上傳文件的模塊時遇到了這樣的問題:打開文件一上傳,上傳成功後再次點擊文件一,change事件無反應

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

在網上查了一番發現,當第一次選擇文件一上傳時,存放的文件由空變成了文件一,上傳成功後,再次選擇文件一,此時就相當於沒有change,所以兩次選擇相同的文件不會觸發change事件,

解決辦法,把選擇的文件清空就好了。

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

解決上傳文件或圖片時選擇相同文件無法觸發change事件的問題