input file 重復上傳同一張圖片失效的解決辦法


項目中遇到上傳圖片,需要本地預覽效果,測試時無意間發現,當選擇A圖片,然后更換為B圖片,完全正常;當選擇A圖片,取消該圖片,再測選擇A圖片后,發現不會再生成預覽效果,出現了bug;

查找相關資料后,終於找到了兩個解決辦法;

方法一:來回切換input[type='file']的type屬性值,可以是‘text’,'button','button'....,然后再切換回來‘file’

方法二:每次取消圖片預覽后,重置input[type='file']的value的值,如上圖所示。

 

 本文Demo所在Github地址


免責聲明!

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



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