wx.previewImage微信小程序开发问题

小知识

Wx.previewImage是微信小程序提供的预览图片的api。

在新页面中全屏预览图片。预览时，用户可以保存图片并发送给朋友。

他有什么坑？

我遇到的问题是隐藏的，我在使用wxParse解析富文本时发现了它们。WxParse在解析img时会给它添加一个click事件，那么这个click事件是什么呢？

图片如下：

我们可以看到是微信的图片预览功能。其中，那。setdata ({ispreview: true})是我添加的，用来判断我是否点击了图片，但它本身不是，所以我应该先忽略它。

首先，当您点击图片预览时，页面上正在执行的所有操作都将终止。为什么呢？我猜是它触发了页面的onside功能，当我在onside上键入log时证明我是正确的。

当您再次单击图片返回时，它将再次触发页面的onShow事件。所以在onHide或者onShow功能中执行操作的时候要注意，这两个功能都会被触发，所以需要判断这两个功能是从正常的页面加载和隐藏还是从点击图片预览触发的。所以我在wxParse源代码wxParse.js中增加了一句. setdata ({ispreview: true})，然后我们就可以用ispreview判断onShow和onHide是否是通过预览图片触发的。

此时，我们没有解决页面事件被终止的事实，因为线程被终止了。因为js是单线程的，所以在预览图片的时候，它会向服务器请求src，所以其他的异步操作在这个时候都会停止。因为预览图片是同步操作，当你点击图片时，图片预览的优先级最高，其他动作暂停。当您再次单击图片时，图片预览完成，页面之前暂停的操作将在开发人员工具中自动继续，但真正的机器调试不会。

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。有问题可以留言交流。谢谢你的支持。