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

项目场景

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

问题描述

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

原因分析

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

解决方案

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

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

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

相关推荐
说私域10 分钟前
开源AI智能名片链动2+1模式S2B2C商城小程序FAQ设计及其意义探究
人工智能·小程序
小小王app小程序开发11 分钟前
短剧小程序 2025 核心痛点分析:内容、技术与合规的三重困境
小程序
fthux2 小时前
孩子的名字有救了
微信小程序·typescript·ai编程
27669582923 小时前
朴朴超市小程序分析
java·python·小程序·node·sign·朴朴超市·sign-v2
低代码布道师3 小时前
医疗小程序04添加就诊人
低代码·小程序
Best3 小时前
uniapp 微信小程序记录
微信小程序·小程序·uni-app
蒲公英源码6 小时前
基于PHP+Vue+小程序快递比价寄件系统
vue.js·小程序·php
小小王app小程序开发6 小时前
盲盒小程序一番赏创新玩法拓展:构建社交化集藏新生态
小程序
韩立学长8 小时前
【开题答辩实录分享】以《奇妙英语角小程序的设计与实现》为例进行答辩实录分享
小程序·php
wx_ywyy67989 小时前
小程序定制开发实战:需求拆解、UI 设计与个性化功能落地流程
小程序·小程序开发·小程序制作·小程序搭建·小程序设计·小程序定制开发·小程序开发搭建