微信小程序的图片问题

近期在研究微信小程序，设置图片的时候在开发者工具里能显示，但到真机就显示不了，试了很多方法，最终！找到了根本所在！

设置图片的方法大致分为三种：

一、使用网络图片：

<view class="page" style=" background-image: url('{{ossHost}}***/***/**.jpg');"></view>

二、base64格式的图片,访问图片转 BASE64 编码 | 菜鸟工具上传图片生成base64

<view class="page" style=" background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAkACQAAD/4QB0RXhpZg***********************ooogD//Z');"></view>

三、使用标签

敲重点！！！图片名必须是英文!!!!!!!（否则就会像前文中我提到的真机一直显示不出来。。。）

/*****.wxml**/

<view class="page" >
  <image src="/**/**.png"></image>
</view>

/** **.wxss **/

.page image{
  position: absolute;
   display: block;
   bottom: 0;
   width: 100%;
}

ps：我用了第三种方法，前两种觉得有点麻烦（仅各人想法），还看到另一种是把图片放在开发者工具的云开发里，如果是企业或团队的话这种方法应该会更方便吧，分享结束！就酱紫，拜拜！