微信小程序长按识别二维码的几种情况分析

目录
  • 一、image标签 + show-menu-by-longpress=“{{true}}”
  • 二、wx.previewImage
  • 三、 web-view 支持长按识别的码
  • 补充:扫码中有几个可配置的参数注意下
  • 总结

小程序中的图片已支持长按识别了,总结一下几种情况下:

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

<image src="{{qrcode}}" mode="widthFix" show-menu-by-longpress="{{true}}"></image>
属性 类型 默认值 必填 说明
show-menu-by-longpress boolean false 长按图片显示发送给朋友、收藏、保存图片、搜一搜、打开名片/前往群聊/打开小程序(若图片中包含对应二维码或小程序码)的菜单。

支持长按识别的码

小程序码

微信个人码

企业微信个人码

普通群码(指仅包含微信用户的群)

互通群码(指既有微信用户也有企业微信用户的群)

公众号二维码

image标签

二、wx.previewImage

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

支持长按识别的码

小程序码

微信个人码(不支持小游戏)

企业微信个人码(不支持小游戏)

普通群码(指仅包含微信用户的群,不支持小游戏)

互通群码(指既有微信用户也有企业微信用户的群,不支持小游戏)

公众号二维码(不支持小游戏)

wx.previewImage

三、 web-view 支持长按识别的码

识别小程序码

跳转小程序

识别群二维码

跳转到加群页面

识别名片二维码

跳转到加好友页面

识别小程序二维码

web-view

注:最低版本为2.18.0

补充:扫码中有几个可配置的参数注意下

  • onlyFromCamera:默认是false,允许从相机和相册扫码;如果设置为true,则只允许从相机扫码;
  • scanType:['barCode', 'qrCode']数组类型,这个字段来设置扫码类型;
  • success:扫码接口调用成功的回调函数;
  • fail:扫码接口调用失败的回调函数。

扫码成功success返回内容:

  • res.result:所扫码的内容;
  • res.scanType:所扫码的类型;
  • res.charSet:所扫码的字符集;
  • res.path:当所扫的码为当前小程序二维码时,会返回此字段,内容为二维码携带的 path;
  • res.rawData:原始数据,base64编码。

总结

到此这篇关于微信小程序长按识别二维码的几种情况的文章就介绍到这了,更多相关微信小程序长按识别二维码内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • 微信小程序webview实现长按点击识别二维码功能示例

    本文实例讲述了微信小程序webview实现长按点击识别二维码功能.分享给大家供大家参考,具体如下: 场景:微信小程序,使用webview控件.需求:点击图片后长按图片出现"识别二维码" 1.JS代码: <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script type="text/javascript"> $(fu

  • 微信小程序里长按识别二维码的实现过程

    前言 我们都知道公众号里的二维码可以长按识别,但是小程序限制比较严格,没有办法实现二维码的长按识别,一直以来我都是这样认为的,微信的官方规则里也是这么写的,直到今天上午,我无意间发现一个小程序里的二维码居然可以长按识别,于是就好奇的去研究了一番,结果还真的可以实现小程序里长按识别二维码.不知道是官方的漏洞还是程序的bug,但是既然这个功能可以实现,那当然要愉快的用上一用啦 老规矩,先看效果图 可以看到,我们成功的在小程序里实现了长按识别二维码的功能.下面就教大家如何一步步实现吧.因为官方的规格还

  • 微信小程序长按识别二维码的几种情况分析

    目录 一.image标签 + show-menu-by-longpress=“{{true}}” 二.wx.previewImage 三. web-view 支持长按识别的码 补充:扫码中有几个可配置的参数注意下 总结 小程序中的图片已支持长按识别了,总结一下几种情况下: 一.image标签 + show-menu-by-longpress=“{{true}}” <image src="{{qrcode}}" mode="widthFix" show-menu

  • 微信小程序将字符串生成二维码图片的操作方法

    最近接到这样一个需求,需要在小程序里将十几位随机字符串转换为二维码的形式展示.公众号中(另一终端)调用JSSDK扫一扫功能,去扫描小程序生成的二维码.得到字符串,然后进行接下来的逻辑处理. 下面记录的是小程序中生成二维码图片这一操作,用的是原文作者改版后的生成二维码工具weapp-qrcode.js(demo的众多文件中只需将util下的这个文件拷贝到自己项目中),可在原文地址里clone demo. 截图(copy原文) 使用 1.页面wxml中放置绘制二维码的canvas 加入点击改变二维码

  • 微信小程序如何使用canvas二维码保存至手机相册

    前言 在使用canvas绘制海报的过程中不建议使用原生来进行画图,因为默认是不支持rpx像素的,px不会做到自适应. 推荐使用插件 Painter github地址 github.com/Kujiale-Mob (本地下载)- 配置很简单,也容易上手,无论是画矩形,还是将图片合成canvas:还是自己定义文字:都是很方便的. 附上一个简单的例子吧 <painter :customStyle="customStyle" :palette="imgDraw" /&

  • jQuery实现微信长按识别二维码功能

    最近一直在搞一个微信开发的项目,终于快要完工了,今天小编抽个时间记录下在项目开发过程中遇到jquery.qrcode.min.js生成二维码长按不识别的解决方法,希望对大家有所帮助! 1.引入JS库 <script src="jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script> <script src="jquery.qrcode

  • iOS模仿微信长按识别二维码的多种方式

    参考:https://github.com/nglszs/BCQRcode 方式一: #import <UIKit/UIKit.h> @interface ViewController : UIViewController @end ************** #import "ViewController.h" @interface ViewController () @end @implementation ViewController - (void)viewDid

  • Android WebView实现长按保存图片及长按识别二维码功能

    先来简单说一下本文所要实现的功能:用户在浏览网页的时候,长按某一区域,识别如果是图片,则弹出弹框,出现保存图片的功能.同时识别图片是否是二维码,如果是则在弹框中追加识别二维码功能. 细节上:保存图片的弹框要显示在手指长按的位置:选择图片保存后,可以让用户直接去相册查看:选择识别二维码,判断是是不是网址,是的话可以让用户选择复制或访问,否则可以让用户选择复制或搜索. 然后再来看一下效果图: 保存图片 save.gif 识别包含普通文字的二维码: text.gif 识别包含网址的二维码: code.

  • 小程序扫描普通链接二维码跳转小程序指定界面方法

    微信官方文档https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html 看了官方文档之后,还是存在很多困惑,微信小程序是托管到微信服务器上的,要想扫描普通链接跳转指定界面,首先要知道微信把小程序放的服务器的访问路径,这些最初想法,可是看微信官方文档,感觉不是我想的这样的 文档上:"二维码规则的域名须通过ICP备案的验证."如果是微信的服务器,那他们就不必这么写了, 可是小程序是托管微信服务器上的,为什么扫码

  • Python识别二维码的两种方法详解

    目录 前言 pyzbar + PIL cv2 前言 最近在搜寻资料时,发现了一则10年前的新闻:二维码将成线上线下关键入口.从今天的移动互联网来看,支付收款码/健康码等等与我们息息相关,二维码确实成为了我们生活中不可或缺的一部分. 在学习Python处理二维码的过程中,我们看到的大多是“用python生成酷炫二维码”.“用Python制作动图二维码”之类的文章.而关于使用Python批量识别二维码的教程,并不多见.所以今天我会给大家分享两种批量识别二维码的Python技巧! pyzbar + P

随机推荐