開發(fā)工具上本地圖片可以顯示,但是在真機(jī)上預(yù)覽的時(shí)候不能顯示
通常我們代碼路徑是代碼是這樣寫的
<view class="logo">
<image src="../../img/e8591fd7b1043bd3b4eb07d86243b5b.png" class="login-image" ></image>
</view>
最后發(fā)現(xiàn)路徑這樣寫在真機(jī)預(yù)覽上無法顯示
解決辦法
路徑需要相對(duì)于根目錄來寫
<view class="logo">
<image src="/img/e8591fd7b1043bd3b4eb07d86243b5b.png" class="login-image" ></image>
</view>
路徑直接使用網(wǎng)絡(luò)圖片地址寫
<view class="logo">
<image src="https://s3.bmp.ovh/imgs/2021/11/97b53956451470ab34.png" class="login-image" ></image>
</view>
這樣就可以解決真機(jī)預(yù)覽圖片不顯示問題了。
如果路徑?jīng)]有問題,圖片真機(jī)預(yù)覽還是無法顯示,就需要檢查一些以下幾點(diǎn):
1.圖片是用image加載的;
2.圖片的url里面沒有中文;
3.圖片的HTTP應(yīng)為小寫的http以及圖片的后綴為小寫的.png或者.jpg(建議全部為png)
4.域名已備案;文章來源:http://www.zghlxwxcb.cn/news/detail-503742.html
5.圖片名稱沒有空格文章來源地址http://www.zghlxwxcb.cn/news/detail-503742.html
到了這里,關(guān)于微信小程序使用本地圖片在真機(jī)預(yù)覽不顯示的問題解決的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!