上代码
wxml:
<image wx:for="{{item.img.data}}" wx:for-item="items" src="{{items}}" bindtap='clickImg' id="{{item.index}}"></image>
此处是我的项目代码 主要看两个属性 src 以及bindtap 就够了。
js:
clickImg:function(e){
// var index = e.currentTarget.id;
// 求出数组下标
// console.log(index)
// var imgUrl = this.data.articles.artData[index].img.data;
wx.previewImage({
urls: imgUrl, //需要预览的图片http链接列表,注意是数组
current: [], // 当前显示图片的http链接,默认是第一个
// success: function (res) { },
// fail: function (res) { },
// complete: function (res) { },
})
此js主要就需要两个参数 urls 与 current ;urls可以为数组也可以为一个数组元素。
注意:黑屏问题。
官方文档规定 这个previewImage只支持图片路径为http https的文件路径,不支持本地路径 base64等其它文件路径。