微信小程序实现图片预览

wxml页面部分：

<image wx:for="{
   
   {item.image}}" data-src="{
   
   {imageUrl}}" src="{
   
   {item}}" data-id="{
   
   {item}}" bindtap="previewImage" />

js部分：

// 点击图片时触发预览事件
previewImage: function(event) {
  var currentUrl = event.currentTarget.dataset.id; // 获取当前点击的图片链接
  var urls = [currentUrl]; // 需要预览的图片链接列表
  
  // 调用微信API的预览图片接口
  wx.previewImage({
    current: currentUrl, // 当前显示图片的链接
    urls: urls // 需要预览的图片链接列表
  });
  console.log(event);
},

 okk这样的话就可以使用咯^^~