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


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

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

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

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

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM