微信小程序图片的加载

在微信小程序中，要显示一张图片，有两种图片加载方式：

加载本地图片

<image class="widget__arrow" src="/image/.png" mode="aspectFill"></image>

src=”/image/arrowright.png” 这句就是加载本地图片资源的。

加载网络图片
微信在加载网络这方面封装的还是很好的，包括语音和视频的加载。直接给’src’这个属性附上地址，它会自动加载。

这个imageUrl是在js文件中数据
data:{
imageUrl:”http://img1.3lian.com/2015/w7/85/d/101.jpg”
},
也可以直接写成

<image class="image_frame" src="图片地址" mode="aspectFill"></image>

在按键的响应方法更换加载图片
downImage:function(event){
console.log(event)
var that = this;
this.setData({ imageUrl:”另一个url”
})
}