微信小程序怎么点击查看原图
首先需要准备两个图片数组，一个存放预览图的图片URL，一个存放原图的图片URL；然后点击预览图时，将原图的数组传入wx.previewImage()方法中即可。
1、WXML代码
<view class='detail_img'>
<view class='view_img' wx:for="{{imglist}}" wx:for-item="image" wx:for-index="idx">
<image src='{{image}}' data-idx="{{idx}}" bindtap="previewImage"></image>
</view>
<view style='clear:both;'></view>
</view>2、JS代码
data: {
previewlist:['预览图链接','预览图链接','预览图链接'],
originallist:['原图链接','原图链接','原图链接']
},
/**
* 预览图片
*/
previewImage: function (e) {
var current = this.data.originallist[e.target.dataset.idx];
wx.previewImage({
current: current, // 当前显示图片的http链接
urls: this.data.originallist// 需要预览的图片http链接列表
})
} ,推荐学习：小程序开发
以上就是微信小程序怎么点击查看原图的详细内容，更多请关注php中文网其它相关文章！
微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
149
收藏
