前端学习交流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]
    })
  },
Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐