国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

【微信小程序】不支持使用本地圖片設(shè)置背景圖片解決方法

這篇具有很好參考價(jià)值的文章主要介紹了【微信小程序】不支持使用本地圖片設(shè)置背景圖片解決方法。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

在小程序樣式文件中,如果設(shè)置背景圖片的路徑用的是本地的,就會(huì)報(bào)錯(cuò)并且顯示不出來;如果在wxml文件中使用圖片的本地路徑作為背景圖,則微信開發(fā)者工具中可以顯示出來,但是運(yùn)行到手機(jī)上顯示不出來,解決方法如下:
【微信小程序】不支持使用本地圖片設(shè)置背景圖片解決方法

方法一:

使用網(wǎng)絡(luò)圖片

background: url('https://cdn.ctoku.com/1123123123123e3241.png') no-repeat center;

方法二:

在線搜索圖片轉(zhuǎn)Base64編碼
http://www.jsons.cn/img2base64/

【微信小程序】不支持使用本地圖片設(shè)置背景圖片解決方法

  background: url('data:image/png;base64,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') no-repeat center;

方法三:

使用<image/>標(biāo)簽文章來源地址http://www.zghlxwxcb.cn/news/detail-506385.html

 <image src="/public/image/photo_sure.png" ></image>

到了這里,關(guān)于【微信小程序】不支持使用本地圖片設(shè)置背景圖片解決方法的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 微信小程序:使用image標(biāo)簽做背景圖片并鋪滿屏幕

    微信小程序:使用image標(biāo)簽做背景圖片并鋪滿屏幕

    ?wxml頁面 wxss頁面 效果: ? ?

    2024年02月03日
    瀏覽(23)
  • 微信小程序 背景圖片如何占滿整個(gè)屏幕

    1. 在頁面的wxss文件中,設(shè)置背景圖片的樣式: 2. 在頁面的json文件中,設(shè)置背景圖片的樣式:

    2024年02月14日
    瀏覽(36)
  • 微信小程序中背景圖片如何占滿整個(gè)屏幕,拉伸

    不變形 1. 在頁面的wxss文件中,設(shè)置背景圖片的樣式: 2. 在頁面的json文件中,設(shè)置背景圖片的樣式:

    2024年02月14日
    瀏覽(20)
  • 解決uni-app開發(fā)小程序時(shí),CSS調(diào)用本地圖片當(dāng)背景時(shí)不能使用的問題

    解決uni-app開發(fā)小程序時(shí),CSS調(diào)用本地圖片當(dāng)背景時(shí)不能使用的問題

    uniapp官方給出的解釋就是小程序不支持本地圖片,只支持網(wǎng)絡(luò)訪問或者base64。 當(dāng)背景圖片小于40kb的時(shí)候還好,uniapp會(huì)自動(dòng)轉(zhuǎn)為base64格式;但是大于40kb時(shí)候就不行了,目前我了解的有三種方式解決: 1.可以通過動(dòng)態(tài)樣式“:style”來解決,在標(biāo)簽上如下編寫: 接著在data里聲明

    2024年02月12日
    瀏覽(23)
  • 微信小程序 background-image直接設(shè)置本地圖片路徑,編輯器正常顯示,真機(jī)運(yùn)行不顯示解決方法

    微信小程序,設(shè)置background-image直接設(shè)置本地圖片路徑。 編輯器正常顯示,真機(jī)運(yùn)行不顯示 background-image只能用網(wǎng)絡(luò)url或者base64圖片編碼。 1、將本地圖片轉(zhuǎn)為網(wǎng)絡(luò)url后設(shè)置到background-image上 例如,云開發(fā),后臺(tái)上傳本地圖片 2、本地圖片轉(zhuǎn)成base64格式后設(shè)置到background-image上

    2024年02月15日
    瀏覽(162)
  • 微信小程序:chooseimage從本地相冊選擇圖片或使用相機(jī)拍照

    文檔 https://uniapp.dcloud.net.cn/api/media/image.html#chooseimage https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html 代碼示例

    2024年02月04日
    瀏覽(28)
  • 小程序背景圖片設(shè)置方法

    3、利用image標(biāo)簽做到設(shè)置背景圖片 思路:我們只要利用css中的z-index改變層級(jí)既可做到變成背景圖的樣子 看代碼 wxml: wxss: 這樣我們也可以做到背景圖的效果。 相關(guān)推薦:小程序開發(fā)教程 以上就是小程序背景圖片設(shè)置方法的詳細(xì)內(nèi)容,更多請關(guān)注群英網(wǎng)絡(luò)其它相關(guān)文章!

    2024年02月07日
    瀏覽(30)
  • 微信小程序使用本地圖片在真機(jī)預(yù)覽不顯示的問題解決

    開發(fā)工具上本地圖片可以顯示,但是在真機(jī)上預(yù)覽的時(shí)候不能顯示 通常我們代碼路徑是代碼是這樣寫的 最后發(fā)現(xiàn)路徑這樣寫在真機(jī)預(yù)覽上無法顯示 解決辦法 路徑需要相對于根目錄來寫 路徑直接使用網(wǎng)絡(luò)圖片地址寫 這樣就可以解決真機(jī)預(yù)覽圖片不顯示問題了。 如果路徑?jīng)]有

    2024年02月11日
    瀏覽(99)
  • 微信小程序不支持svg圖片

    如果想使用svg也要轉(zhuǎn)換成base64或者網(wǎng)絡(luò)圖片 否則在開發(fā)者工具中是顯示圖片的 而在手機(jī)微信預(yù)覽中就無法顯示圖片 讓人疑惑 require()是nodejs的寫法 用于導(dǎo)入模塊、JSON 和本地文件 可以使用相對路徑 該路徑可以使用路徑別名命名的目錄或當(dāng)前工作目錄進(jìn)行解析。 在vue中使用

    2024年02月09日
    瀏覽(18)
  • RN 設(shè)置背景圖片(使用ImageBackground組件)

    RN 設(shè)置背景圖片(使用ImageBackground組件)

    ?在RN版本0.46版本的時(shí)候添加了ImageBackground控件。ImageBackground可以設(shè)置背景圖片,使用方法和image一樣,里面嵌套了其他的組件 ? ? 參考鏈接: https://www.reactnative.cn/docs/imagebackground https://chat.xutongbao.top/?

    2024年02月15日
    瀏覽(16)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包