微信小程序点击放大图片
在做微信小程序的时候遇到了这个点击放大的事件,这里记录一下
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);
}
})
},
这边要提醒一下 如果是多张图片的话 要记得在<image 标签里添加根据data-idx=”{{index}}”字段 ,.具体的话可以微信开发文档查看,里面讲的很详细
以下是我的案例