首页 > PHP资讯 > 工具库 > 微信小程序开发图片加载(本地,网路)实例代码

微信小程序开发图片加载(本地,网路)实例代码

工具库
这篇文章主要介绍了微信小程序 图片加载(本地,网路)实例详解的相关资料,需要的朋友可以参考下

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

  1. 加载本地图片

  2. 加载网络图片

加载本地图片


 

src="/image/arrowright.png" 这句就是加载本地图片资源的。想想iOS中的加载本地图片,imageName:,类似。

加载网络图片

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


 

这个imageUrl是在js文件中数据


data:{   imageUrl:"http://img1.3lian.com/2015/w7/85/d/101.jpg" },

也可以直接写成


 

下来就看看image的一些属性

downLoadImage:function(event){   console.log(event)   var that = this;   this.setData({     imageUrl:"http://h.hiphotos.baidu.com/zhidao/pic/item/6d81800a19d8bc3ed69473cb848ba61ea8d34516.jpg"   })  }

效果如下:

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

以上就是微信小程序开发图片加载(本地,网路)实例代码的详细内容,更多请关注 第一PHP社区 其它相关文章!

工具库

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持45不支持0