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

爱被打了一巴掌 2023-10-09 15:12 31阅读 0赞

## 背景 ##

项目中遇到要使用图片预览扫描二维码这种情况，但是突然发现不能使用了，搜索了一波发现有使用条件

## 使用条件 ##

### 一、image标签 + show-menu-by-longpress=“\{ \{true\}\}” ###

<image src="{
       {qrcode}}" mode="widthFix" show-menu-by-longpress="{
       {true}}"></image>

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>类型</th> 
   <th>默认值</th> 
   <th>必填</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><code>show-menu-by-longpress</code></td> 
   <td>boolean</td> 
   <td>false</td> 
   <td>否</td> 
   <td><strong>长按图片显示发送给朋友、收藏、保存图片、搜一搜、打开名片/前往群聊/打开小程序（若图片中包含对应二维码或小程序码）的菜单。</strong></td> 
  </tr> 
 </tbody> 
</table>

#### 支持长按识别的码 ####

✅ 小程序码  
✅ 微信个人码  
✅ 企业微信个人码  
✅ 普通群码（指仅包含微信用户的群）  
✅ 互通群码（指既有微信用户也有企业微信用户的群）  
✅ 公众号二维码

### 二、wx.previewImage ###

wx.previewImage({
      current: '', // 当前显示图片的 http 链接
      urls: [] // 需要预览的图片 http 链接列表
    })

#### 支持长按识别的码 ####

✅ 小程序码  
✅ 微信个人码（不支持小游戏）  
✅ 企业微信个人码（不支持小游戏）  
✅ 普通群码（指仅包含微信用户的群，不支持小游戏）  
✅ 互通群码（指既有微信用户也有企业微信用户的群，不支持小游戏）  
✅ 公众号二维码（不支持小游戏）

### 三、 web-view ###

#### 支持长按识别的码 ####

✅ 识别小程序码  
✅ 跳转小程序  
✅ 识别群二维码  
✅ 跳转到加群页面  
✅ 识别名片二维码  
✅ 跳转到加好友页面  
❌ 识别小程序二维码

发表评论取消回复

表情：

评论列表（有 0 条评论，31人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序生成二维码

微信小程序-二维码生成器 > 本项目用于在微信小程序中生成二维码，也可用于第三方框架Mpvue,Taro等。生成预览 [![jsh5css.cn][]][jsh

我会带着你远行/ 2023年08月17日 15:54/ 0 赞/ 169 阅读

相关 jQuery实现生成二维码，微信长按识别二维码功能

参考：[https://blog.csdn.net/wky9421/article/details/52837983][https_blog.csdn.net_wky9421_

不念不忘少年蓝@/ 2022年12月31日 11:27/ 0 赞/ 198 阅读

相关 uni-app之微信小程序识别二维码参数

小程序码的参数是服务端通过设置场景值设定客户端接收：案例1： // 后端场景值：?scene=params // 页面 onL

爱被打了一巴掌/ 2022年12月12日 04:46/ 0 赞/ 516 阅读

相关 20210407微信小程序里长按识别二维码

> 我们都知道公众号里的二维码可以长按识别，但是小程序限制比较严格，没有办法实现二维码的长按识别，一直以来我都是这样认为的，微信的官方规则里也是这么写的，昨晚看了一些文章和官方

比眉伴天荒/ 2022年11月16日 10:58/ 0 赞/ 286 阅读

相关小程序内嵌二维码长按识别内测QA

一、使用方式： index.wxml <view class="page-wrapper"> <text class="title">二维码测试</

古城微笑少年丶/ 2022年09月14日 15:27/ 0 赞/ 350 阅读

相关微信长按识别二维码bug整理

微信长按识别二维码问题搜集与整理最近在折腾一个手机端页面长按识别二维码的问题。发现长按二维码时在ios和android手机上识别不是那么灵敏。下面整理下我对该问题的总结

太过爱你忘了你带给我的痛/ 2022年08月23日 00:59/ 0 赞/ 384 阅读

相关微信小程序canva生成图片，长按图片识别小程序二维码详解

下面这个图片就是通过图片和文字等内容合成的一张带有微信小程序二维码的图片，在小程序内部长按可以识别出来： ![这里写图片描述][70] 基本思路是先将内容用canvas排

谁借莪１个温暖的怀抱￠/ 2022年05月25日 06:18/ 0 赞/ 1029 阅读

相关 jquery实现微信长按识别二维码 - 在线生成二维码

jquery实现微信长按识别二维码 - 在线生成二维码 1.引入JS库 <script src="jquery-1.8.3.js" type="text

叁歲伎倆/ 2022年05月22日 04:30/ 0 赞/ 257 阅读

相关小程序中图片点击预览、长按转发、保存、识别图中二维码

<view wx:for="{ {imgalist}}"wx:for-item="image"class="previewimg"> <i

缺乏、安全感/ 2022年05月09日 04:33/ 0 赞/ 349 阅读

相关微信iOS长按无法识别二维码

真的是无力吐槽微信的坑真的多把人能呕死，做了个公众号开发一大堆的坑希望你看完每个字分享一下ios微信长按无法识别二维码的问题在网上找了一大堆的处理方式说增加

朱雀/ 2022年02月20日 09:48/ 0 赞/ 1159 阅读