微信小程序图片预览

wxml

<image wx:for="{{info}}" src="{{item.pic}}" bindtap="preview" data-list="{{item.pic}}" data-src="{{item.pic}}"></image>

js

Page({ //图片预览 preview:function(event){ var that=this; var src = event.currentTarget.dataset.src;//获取data-src var imgList = event.currentTarget.dataset.list;//获取data-list //图片预览 wx.previewImage({ current: src, // 当前显示图片的http链接 urls: imgList.split(‘,‘) // 需要预览的图片http链接列表 }) },})

如果只预览一张图片,urls 必须是字符串;如果预览多张可左右滑动,urls 必须是数组

微信小程序图片预览

相关文章