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

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

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

在图片组件中添加 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]
    })
  },

猜你喜欢

转载自blog.csdn.net/qq_35713752/article/details/129626009