小程序中使用wx.previewImage实现图片预览与缩放

在小程序文档中我们可以看到wx.previewImage的功能是在新页面中全屏预览图片，预览的过程中用户可以进行保存图片、发送给朋友等操作。但其实还有一个隐藏功能缩放图片，最小为原比例。话不多说，上代码：

xml代码：

src的路径换成自己的图片路径就可以了，可以是像上面一样的本地图片路径，也可以是线上图片链接。

js代码：

Page({  /**   * 预览图片   * @param {*} e    */  previewImage(e){    const {src:imgSrc} = e.currentTarget.dataset    console.log(imgSrc);    wx.previewImage({      current: imgSrc,      urls: [imgSrc],      success: res => {        console.log(res);      },      fail: err => {        console.log(err);      }    })  }})

注意：该功能需在真机上测试，微信开发者工具中的模拟器看不到效果哟。