微信小程序图片预览

Posted 2020-12-19 糖糖H

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 必须是数组