小程序本地图片真机获取不到解决

一、小程序本地内存较小

建议图片压缩之后上传远程终端、压缩有介绍（https://blog.csdn.net/TaTaPark/article/details/99547432）

二、通过.wxss  背景属性background

.wxss 中 通过  background-image: url('../images/heart.png'); 获取不到本地图片的

解决方式 background-image: url('http://../images/heart.png'); //获取远程终端

三、.wxml 中定义 style样式 style="background-image: url('../images/heart.png')"

<view style="background-image: url('../images/heart.png')"> </view>

 

经验证 这种方式 模拟器可以展示。真机不能加载本地图片

 

四、.wxml 中定义 image src= "../images/heart.png"

 

<image src= "../images/heart.png"/>  这种方式完美解决！