微信小程序:点击预览图片
在开发微信小程序时,开发人员会参考着小程序api来开发小程序,但有的时候根据情况不同很容易出现bug,以下是我在开发小程序时出现的各种bug,在开发时有需要预览图片。
1.xml
1 <view class=\'detail_img\'> 2 <view class=\'view_img\' wx:for="{{imglist}}" wx:for-item="image"> 3 <image src=\'{{image}}\' data-src="{{image}}" bindtap="previewImage"></image> 4 </view> 5 <view clear:both;\'></view> 6 </view>
2.js
data: { imglist:[\'图片链接\',\'图片链接\',\'图片链接\'] }, /** * 预览图片 */ previewImage: function (e) { var current = e.target.dataset.src; wx.previewImage({ current: current, // 当前显示图片的http链接 urls: this.data.imglist // 需要预览的图片http链接列表 }) } ,
- 上一篇 »微信小程序点击弹窗分享图片长按图片保存失败则弹出授权
- 下一篇 »微信小程序 图片查看