图片预览-单个预览以及多个预览

单个预览

只需要把

<image class='img-alls slide-image' data-src="{{item.pic_path}}" bindtap="previewImage" src='{{item.pic_path}}' mode="scaleToFilt"></image>

previewImage: function (e) {

var current = e.target.dataset.src;

wx.previewImage({

current: current, // 当前显示图片的http链接

urls: [current ]// 需要预览的图片http链接列表

})

},

注意:如果单个的话 请在urls的时候加上[] 里面放单个的链接

多个预览

previewImage: function (e) {

var current = e.target.dataset.src;

console.log(this.data.daan)

var path = [];

for (var i = 0; i < this.data.daan.length;i++)

{

path.push(this.data.daan[i].pic_path);

}

wx.previewImage({

current: current, // 当前显示图片的http链接

urls: path// 需要预览的图片http链接列表

})

},

注意: 如果多个预览请将数组里面的图片路径一个个拿出来 push 放在一个空的数组里面 确保里面只有图片路径没有其他字段 比如id之类的。

猜你喜欢

转载自my.oschina.net/u/3407708/blog/1785737
今日推荐