圖片預覽-單個預覽以及多個預覽

單個預覽

只須要把

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