小程序中实现长按二维码图片识别

本文使用小程序提供的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>

代码说明:当属性的属性值为布尔值时,属性值可省略,只写属性名。

支持长按识别的二维码类型:小程序码、微信个人码、企业微信个人码、普通群聊码(仅包含微信用户的群)、互通群码(既含微信用户也含企业微信用户的群)、公众号二维码。

微信个人码效果图:
小程序中实现长按二维码图片识别_第1张图片

你可能感兴趣的:(小程序,小程序,javascript,前端)