小程序页面图片怎么点击放大

小程序页面图片怎样点击放大

小程序页面图片点击放大的案例：

1.在wxml文件里添加点击事件，代码：

<imageclass='img'src='{{imgUrl}}'bindtap='clickImg'></image>

2.根据wxml里的clickImg事件，创建一个点击事件，代码：

data:{
imgUrl:'/images/img.jpg'//图片路径
},
//点击事件
clickImg:function(e){
varimgUrl=this.data.imgUrl;
wx.previewImage({
urls:[imgUrl],//需要预览的图片http链接列表，注意是数组
current:'',//当前显示图片的http链接，默许是第一个
success:function(res){},
fail:function(res){},
complete:function(res){},
})
},

本文来源：https://www.yuntue.com/post/71359.html | 云服务器网，转载请注明出处！