微信小程序 图片全屏显示 previewImage 黑屏等问题

上代码

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等其它文件路径。