小程序点击图片预览

wxml代码：

<view class="padding-lr bg-white margin-top">
  <view class="padding">　　{{content.content}}</view>
  <image wx:for="{{img}}" src="{{item.path}}" data-src="{{item.path}}" bindtap="look_img"></image>
</view>

js代码：

  //点击图片预览
  look_img: function (e) {
    var src = e.currentTarget.dataset.src;//获取data-src
    var previewImgArr = [src]
    //图片预览
    wx.previewImage({
      current: src, // 当前显示图片的http链接
      urls: previewImgArr
    })
  },

通俗易懂版本，预览时不能滑动切换图片。图片路径必须是http://…，不可以是本地图片如D:/…