最近在學(xué)習(xí)微信小程序開發(fā)祭往,剛寫完一個(gè)測(cè)試頁(yè)面拿起手機(jī)體驗(yàn)的時(shí)候bug就出現(xiàn)了伦意,心里苦~ 出現(xiàn)個(gè)很奇怪的問題,頁(yè)面的圖片在開發(fā)者工具中明明是可以顯示的硼补,但到了真機(jī)中卻不見了驮肉,檢查過圖片src路徑已骇,貌似也沒寫錯(cuò)吖离钝。于是開始去網(wǎng)上找各種博客褪储、帖子卵渴。大致的解決方法無非是以下幾種:
- 圖片路徑不能帶有中文
- 圖片名稱去除空格
- 將圖片前綴http改成https
- 域名需備案
- 本地圖片src用絕對(duì)路徑('/images/test.png'),不要用相對(duì)路徑('../../images/test.png') 鲤竹,使用相對(duì)路徑不能正確解析浪读。 具體原因這位大佬詳細(xì)解釋了 https://blog.csdn.net/li11_/article/details/81477888
小程序加載圖片的兩種寫法
1.加載本地的圖片
<image class="testImg" src="/image/arrowright.png"></image>
2.加載網(wǎng)絡(luò)圖片
<image class="testImg" src="https://img1.3lian.com/2015/w7/85/d/101.jpg"></image>
文章每周持續(xù)更新,可以微信搜索「 前端大集錦 」第一時(shí)間閱讀辛藻,回復(fù)【視頻】【書籍】領(lǐng)取200G視頻資料和30本PDF書籍資料