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

文章转自：微信小程序--background-image直接设置本地图片路径，编辑器正常显示，真机运行不显示解决方法 - 爱码网

项目场景

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

---

问题描述

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

 

---

原因分析

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

---

解决方案

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

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

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