小程序 点击图片放大显示

 

 

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

官方文档：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必须是列表
      })
    }