url-loader(將圖標轉base64)


介紹:

url-loader可以通過limit屬性對圖片分情況處理,當圖片小於limit(單位:byte)大小時轉base64,大於limit時調用file-loader對圖片進行處理。

 

如何在js中圖片轉base64

項目中有一列表,圖片是通過v-for循環出來的,如果把url放在js中,就不能被轉成base64了,url-loader只會編譯html和css中的圖片。可以通過import導入圖片,通過一個變量去接收,然后將變量放在v-for中渲染(經測試此方法也是可行的)。

 

 

曾經遇到的問題和解決方法:

編寫vue項目使用vant框架時遇到Tabbar 標簽欄的切換圖片不能直接寫本地路徑,可以寫網絡路徑但是項目是通過后端返回網絡地址進行填充,過於麻煩,最后我使用require導入本地圖片路徑會轉成base64解決了圖片不顯示問題


免責聲明!

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



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