微信小程序长按识别二维码

前端学习交流QQ群：1群：173683895 ，2群: 173683866  欢迎加入学习交流进步

承接项目开发，需求功能开发，博主微信号：Jay_09168

有两种方式，第一种是在页面直接长按识别，第二种是预览图片，然后识别。

第一种实现：直接在页面中长按识别二维码

在图片组件中添加 show-menu-by-longpress="{{true}}" ；

示例代码

<image class="codeImg" src="{{info.codeImg}}" show-menu-by-longpress="{{true}}"></image>

第二种实现：放大预览图片后，长按识别二维码

<view class="" catchtap="previewImage">
    <image class="codeImg" src="{{info.codeImg}}"></image>
    <view class="seeTxt">长按识别二维码</view>
</view>

  previewImage: function () {
    var current = 'https://profile.csdnimg.cn/4/6/5/2_qq_35713752.png';
    wx.previewImage({
      urls: [current]
    })
  },