微信小程序wx.previewImage如何实现图片预览功能？

本文共计652个文字，预计阅读时间需要3分钟。

“微信小程序wx.previewImage是官方提供的预览图片功能的API。在新页面中全屏预览图片。在预览过程中，用户可以进行保存图片、发送给朋友等操作。那么，它有哪些坑呢？我遇到的问

小知识

wx.previewImage是微信小程序官方提供的预览图片功能的api。

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

那么他有哪些坑呢？

我遇到的问题藏得比较深，我是在使用wxParse解析富文本时发现的。wxParse在解析img时会给它加上点击事件，那么这个点击事件是什么呢？

图在下面：

　　

从中可以看到是微信的图片预览功能。其中that.setData({isPreview:true})是我加上去用来判断是否点击了图片，本身是没有的，此时先忽略掉。

首先，点击图片预览时，会终止页面一切正在执行的操作，这是为什么呢？我猜测是触发了页面的onHide函数，我在onHide中打log时果不其然，验证了我是正确的。

当你再次点击图片回去时，会再次触发页面的onShow事件。