微信小程序中wx.previewImage怎么用-创新互联

本篇内容介绍了“微信小程序中wx.previewImage怎么用”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

创新互联公司，为您提供网站建设、网站制作公司、网站营销推广、网站开发设计，对服务公路钻孔机等多个行业拥有丰富的网站建设及推广经验。创新互联公司网站建设公司成立于2013年,提供专业网站制作报价服务,我们深知市场的竞争激烈，认真对待每位客户，为客户提供赏心悦目的作品。 与客户共同发展进步，是我们永远的责任！

小知识

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

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

那么他有哪些坑呢？

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

图在下面：

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

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

当你再次点击图片回去时，会再次触发页面的onShow事件。所以，当你在onHide或者onShow函数里有执行的操作的时候就要注意了，这两个函数都会被触发，所以这时候就需要判断，这两个函数被触发是来源于正常的页面加载隐藏还是来源于点击图片预览，于是便有了我上面在wxParse的源码wxParse.js里的wxParseImgTap里加了一句that.setData({isPreview:true}) ，而后我们可以用isPreview来判断onShow和onHide是否是被预览图片触发的。

此时我们并没有解决页面事件被终止的事实，因为线程被终止了。因为js里是单线程的，预览图片时会向服务器请求图片src,所以此时其他的异步操作便被停止，因为预览图片是一个同步操作，所以当你点击图片时，图片预览优先级高，其他动作暂停，当你再次点击图片回到原样时，图片预览完成，在开发者工具里会自动继续之前页面被暂停的动作，但是真机调试却不会。

“微信小程序中wx.previewImage怎么用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！

网页名称：微信小程序中wx.previewImage怎么用-创新互联
路径分享：http://cxhlcq.com/article/egioh.html