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

项目场景

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

问题描述

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

原因分析

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

解决方案

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

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

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

相关推荐
mon_star°1 天前
消防安全培训小程序项目亮点与功能清单
小程序
自然 醒2 天前
uni-app开发微信小程序,如何使用towxml去渲染md格式和html标签格式的内容?
微信小程序·uni-app·html
编程迪2 天前
基于Java和Vue开发的在线问诊系统医疗咨询小程序APP
小程序
CHU7290352 天前
知识触手可及:在线教学课堂APP的沉浸式学习体验
前端·学习·小程序
竟未曾年少轻狂2 天前
微信小程序-组件开发
微信小程序·小程序
CHU7290352 天前
在线教学课堂APP功能版块设计方案:重构学习场景的交互逻辑
java·学习·小程序·重构
焦糖玛奇朵婷2 天前
盲盒小程序开发,盲盒小程序怎么做
java·大数据·服务器·前端·小程序
想七想八不如114082 天前
【GitHub开源】一款极简跨平台 Todo 应用:微信小程序 + Windows 桌面挂件 + 实时同步
微信小程序·开源·github
笨笨狗吞噬者2 天前
代理的妙用:uni-app 小程序是怎样用 `Proxy` 和 `wrapper` 抹平平台差异的
前端·微信小程序·uni-app
CHU7290353 天前
便捷约玩,沉浸推理:线上剧本杀APP功能版块设计详解
前端·小程序