微信小程序长按识别二维码的几种情况分析

目录

• 一、image标签 + show-menu-by-longpress=“{{true}}”
• 二、wx.previewImage
• 三、 web-view 支持长按识别的码
• 补充：扫码中有几个可配置的参数注意下
• 总结

小程序中的图片已支持长按识别了，总结一下几种情况下：

一、image标签 + show-menu-by-longpress=“{{true}}”

<image src="{{qrcode}}" mode="widthFix" show-menu-by-longpress="{{true}}"></image>

属性类型默认值必填说明show-menu-by-longpressbooleanfalse否长按图片显示发送给朋友、收藏、保存图片、搜一搜、打开名片/前往群聊/打开小程序（若图片中包含对应二维码或小程序码）的菜单。

支持长按识别的码

✅ 小程序码

✅ 微信个人码

✅ 企业微信个人码

✅ 普通群码（指仅包含微信用户的群）

✅ 互通群码（指既有微信用户也有企业微信用户的群）

✅ 公众号二维码

image标签

二、wx.previewImage

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

支持长按识别的码

✅ 小程序码

✅ 微信个人码（不支持小游戏）

✅ 企业微信个人码（不支持小游戏）

✅ 普通群码（指仅包含微信用户的群，不支持小游戏）

✅ 互通群码（指既有微信用户也有企业微信用户的群，不支持小游戏）

✅ 公众号二维码（不支持小游戏）

wx.previewImage

三、 web-view 支持长按识别的码

✅ 识别小程序码

✅ 跳转小程序

✅ 识别群二维码

✅ 跳转到加群页面

✅ 识别名片二维码

✅ 跳转到加好友页面

❌ 识别小程序二维码

web-view

注：最低版本为2.18.0

补充：扫码中有几个可配置的参数注意下

• onlyFromCamera：默认是false，允许从相机和相册扫码；如果设置为true，则只允许从相机扫码；
• scanType：['barCode', 'qrCode']数组类型，这个字段来设置扫码类型；
• success：扫码接口调用成功的回调函数；
• fail：扫码接口调用失败的回调函数。

扫码成功success返回内容：

• res.result：所扫码的内容；
• res.scanType：所扫码的类型；
• res.charSet：所扫码的字符集；
• res.path：当所扫的码为当前小程序二维码时，会返回此字段，内容为二维码携带的 path；
• res.rawData：原始数据，base64编码。

总结

到此这篇关于微信小程序长按识别二维码的几种情况的文章就介绍到这了,更多相关微信小程序长按识别二维码内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联！