小程序之预览头像

点击预览单张头像

通过点击事件 bindtap 调用函数 rowHead 并返回参数 ‘图片地址’
wxml

<view class="content">
	<view class="top">
		<view class="head-portrait" bindtap="rowHead" data-avurl="{{item.author.avatar_url}}">
			<image src="{{item.author.avatar_url}}}"></image>
		</view>
	</view>
</view>

使用wx.previewImage() 显示需要预览的图片，其中 “urls” 其对象必须是数组形式

wx.previewImage(Object object)

在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作

js

rowHead: function (event) {
    var url = event.currentTarget.dataset.avurl
    console.log(url);
    wx.previewImage({
      //current: current, // 当前显示图片的http链接
      urls: [url] // 需要预览的图片http链接列表
    })
  }