微信小程序 background-image直接设置本地图片路径,编辑器正常显示,真机运行不显示解决方法

项目场景

微信小程序,设置background-image直接设置本地图片路径。

问题描述

编辑器正常显示,真机运行不显示

原因分析

background-image只能用网络url或者base64图片编码。

解决方案

1、将本地图片转为网络url后设置到background-image上
例如,云开发,后台上传本地图片

2、本地图片转成base64格式后设置到background-image上

3、弃用background-image赋值的方式,改用 image组件标签src属性

相关推荐
FX1899887KP_15 分钟前
KET口语流利度怎么练?飞象说口语小程序帮你摆脱卡顿,自然表达
小程序·教育·pet·日常口语工具·英语口语工具·ket
CHU72903527 分钟前
生鲜商城买菜小程序:让日常采购自然融入生活
小程序·生活
nhc08835 分钟前
贵州本地企业做软件定制开发,怎么选靠谱服务商?
java·微信小程序·软件开发·小程序开发
吴声子夜歌1 小时前
小程序——界面API(二)
前端·小程序
焦糖玛奇朵婷9 小时前
实测扭蛋机小程序:开发简单,互动有趣
java·大数据·程序人生·小程序·软件需求
從南走到北9 小时前
JAVA无人共享无人健身房物联网结合系统源码支持小程序+公众号+APP+H5
java·物联网·小程序
吴声子夜歌9 小时前
小程序——基础API
小程序
CHU7290359 小时前
指尖践行环保——旧衣服回收小程序前端功能玩法详解
前端·小程序
my小新9 小时前
微信小程序引用echarts做统计图
微信小程序·小程序·echarts
吴声子夜歌9 小时前
小程序——图片
小程序