哈哈哈，真香！妹子图终于可以多图预览了

不是太高的手

于 2021-03-18 13:31:58 发布

阅读量1.5w

点赞数

文章标签： iot jre sms nagios 图像识别

原文链接：https://gitee.com/52itstyle/mzitu

版权

本文介绍了一个妹子图小程序中的图片预览BUG，并详细解释了如何通过使用微信小程序的wx.previewImage方法来修复该BUG，使得用户可以正确地预览和操作所需的图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

‍‍

前言

群里不少小伙伴在问妹子图为啥点开任何一张图都是第一张妹子图，真的不是难为各位小伙伴，这其实就是个 BUG，藏了很久很久很久的 BUG，不是撸主不改，是撸主没心情改，主要是阿里云的 OSS 流量是真心贵啊！

修复

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

wx.previewImage({
  current: '', // 当前显示图片的http链接
  urls: [] // 需要预览的图片http链接列表
})

妹子图小程序后端存储的是 Markdown 文件，前台解析如下：

//获取内容并解析 Markdown 中的图片
var content = res.msg.content;
var pattern  = /!\[(.*?)\]\((.*?)\)/mg;
var matcher;
while ((matcher = pattern.exec(content)) !== null) {
    that.data.girlArray.push(matcher[2])
}
let data_parse = app.towxml(content , 'markdown', {
        events: {//图片放大效果
    tap: bindtap => {
        var current = bindtap.currentTarget.dataset.data.child[0].attr.src
        wx.previewImage({
             current,
             urls: that.data.girlArray
      })
    }
 }
});