场景:小程序中的图片基本都是小图展示,无法看清图片内容,需要点击放大查看。
官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.previewImage.html
绑定点击事件,传递需要浏览的图片url
# wxml
<image src='{{userinfo.imgeList}}' bindtap="preview" data-src="{{userinfo.imgeList}}" mode="aspectFill"></image>
# js
preview(res){ var url = res.currentTarget.dataset.src console.log(url) wx.previewImage({ urls:[url], # urls必须是列表 }) }