使用input選擇本地圖片,並且實現預覽功能


1、使用input標簽選擇本地圖片文件

用一個盒子來存放預覽的圖片

 

2、JS實現預覽

  首先添加一個input change事件,再用到 URL.createObjectURL() 方法 用來創建 URL 的 File 對象或者 Blob 對象​

 這時候就能可以選擇圖片然后在你預備的盒子里看見你選擇的圖片,圖片的路徑src是一個blob鏈接

 


免責聲明!

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



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