微信小程序点击放大图片_微信小程序点击放大事件

微信小程序点击放大图片

在做微信小程序的时候遇到了这个点击放大的事件，这里记录一下

 checkmap:function(e){
  var imageurl=this.data.mapimagesrc;
  const idx = e.target.dataset.idx//如果是有多张图片可通过这里获取图标id
  wx.previewImage({
   //如果是单张图片可直接这样
    urls: [imageurl],
    current:'',
    //多张图片情况
     //current: images[idx],  //当前预览的图片
     //urls: images,  //所有要预览的图片
    success:function(res){
      console.log(res)
    },
    fail:function(res){
      console.log(res);
    }
  })
  },
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

这边要提醒一下 如果是多张图片的话 要记得在<image 标签里添加根据data-idx=”{{index}}”字段 ，.具体的话可以微信开发文档查看，里面讲的很详细
以下是我的案例