wx.previewimage实现预览

wx.previewimage()是一个微信小程序提供的API，用于实现图片预览功能。以下是实现预览的步骤：

1. 在wxml中创建一个图片标签：

<image src="{{imageSrc}}" mode="widthFix" bindtap="previewImage"></image>

imageSrc是图片的路径，mode用于设置图片的缩放模式，bindtap绑定了一个点击事件，用于触发预览操作。

2. 在js文件中定义预览操作函数：

previewImage: function(e) {
  var current = e.target.dataset.src;
  wx.previewImage({
    current: current,
    urls: this.data.imageUrls
  })
}

current表示预览的图片路径，urls是一个数组，包含了所有要预览的图片路径。

3. 实现数据绑定，将图片路径传入image标签中：

data: {
  imageSrc: 'image/path.jpg',
  imageUrls: ['image/path1.jpg', 'image/path2.jpg', 'image/path3.jpg']
}

其中，imageSrc是单个图片的路径，imageUrls是要预览的图片路径数组。

以上就是wx.previewImage实现预览的主要步骤。需要注意的是，预览操作只能在真机上才能测试，不能在模拟器或者开发者工具中预览。