微信小程序加載本地圖片時(shí)“../”的使用

從網(wǎng)上百度來的資料對? ? ../? ? ?/? ? ?./? ? 三種相對路徑的介紹:

百度

在小程序中具體使用的時(shí)候就是先弄清存放圖片的目錄,然后找到當(dāng)前文件和圖片地址的關(guān)系,然后用../一級級返回到具體目錄

注意:../是返回父級目錄,例:


例圖

目前在classroom.wxml文件中如果想使用class目錄下的圖片文件,

則地址為:src="images/example.png"

如果在classroom.wxml文件中想引用index目錄下的btn_add.png文件

地址:src="../index.images/btn_add.png"(../的作用回到class目錄下,而index是和class同級的目錄,所以../后可以直接找到index)


小技巧:

????????微信小程序中,圖片壓縮:經(jīng)試驗(yàn),本地圖片最好使用格式為svg的圖片,和jpg、png的使用方式一樣,但是占用空間很小,如果程序超過了2M的限制,可以讓美工將占空間比較大的圖標(biāo)換為.svg格式,可以節(jié)省不少空間哦...

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容