本文使用小程序提供的imae组件实现二维码的识别,在小程序官方文档中给出了该组件一个用于识别图片的属性show-menu-by-longpress。
属性说明:长按图片显示发送给朋友、收藏、保存图片、搜一搜、打开名片/前往群聊/打开小程序(若图片中包含对应二维码或小程序码)的菜单。属性值为布尔类型,默认是false,即长按不会识别图片。
注意:最低基础库版本2.7.0
代码实现:
<view class="container">
<view class="h2">长按二维码识别</view>
<image src="/assets/images/longpress-image-scan/wx-qr-code.jpg" show-menu-by-longpress mode="widthFix"/>
</view>
代码说明:当属性的属性值为布尔值时,属性值可省略,只写属性名。
支持长按识别的二维码类型:小程序码、微信个人码、企业微信个人码、普通群聊码(仅包含微信用户的群)、互通群码(既含微信用户也含企业微信用户的群)、公众号二维码。
微信个人码效果图: