在微信小程序中,要显示一张图片,有两种图片加载方式:
加载本地图片
<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”
})
}