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

聊者说

项目场景

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

问题描述

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

background-image
本地图片
编辑器正常
真机不显示

原因分析

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

解决方案

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

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

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

总结

感谢大家看完,更多精彩等待下次创作,你最大的支持就是:赞同+评论+赞赏+...,关注我
另外,也欢迎大家关注我的个人公众号 “聊者说”。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容