小程序 点击图片放大显示

场景:小程序中的图片基本都是小图展示,无法看清图片内容,需要点击放大查看。

官方文档: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必须是列表 }) }
原文地址:https://www.cnblogs.com/TestingShare/p/14178864.html