介紹:
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解決了圖片不顯示問題