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

单个预览

只须要把

<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之类的。