讨论一下微信小程序中如何长按识别图片中二维码跳转

【一】、image标签展示二维码
目前微信官方支持小程序原生页面在微信版本IOS≥8.0.6，安卓≥8.0.3时直接长按识别二维码，

<image src="二维码图片地址" show-menu-by-longpress="true"></image>

！！注：show-menu-by-longpress=“true” 这个属性一定要加上，否则长按不会有反应

但是，这样识别的目前不支持跳转到对应页面（如添加好友），官方也证实这是当前版本的 bug ，并承诺会在下一个版本里面修复；也许你看到这篇文章的时候这个 bug 已经修好了。

【二】、preview-使用的小程序 api
小程序原生页面中，在微信版本IOS≥8.0.6，安卓≥8.0.3时支持通过点击放大图片，然后长按识别二维码，实现跳转功能：
WXML

<image src="二维码图片地址" bindtap="clickImg"/>

clickImg(){
wx.previewImage({urls: ['二维码图片地址']
})
}

支持识别以下二维码：

✅ 识别小程序码 - ✅ 跳转小程序
✅ 识别微信、企微群二维码 - ✅ 跳转到加群页面
✅ 识别名片二维码 - ✅ 跳转到加好友页面
❌公众号二维码

【三】、webview 中嵌入二维码
支持将企微或者个微的二维码放在公众号推文里，长按推文里的二维码识别跳转

1、将企业微信的二维码放置在一篇公众号图文中
2、将这个公众号和小程序关联（！！注：必须关联起来，否则小程序的 webview 无法打开推文。这个关联操作在公众号后台即可操作）
3、在小程序的webview页面里打开这篇公众号图文，并长按企业微信二维码进行识别

✅ 识别小程序码 - ✅ 跳转小程序
✅ 识别微信、企微群二维码 - ✅ 跳转到加群页面
✅ 识别名片二维码 - ✅ 跳转到加好友页面
✅ 公众号二维码-✅ 跳转到关注公众号页面

但是【三】在IOS受微信版本号限制，安卓机不受微信版本号限制…

IOS-8.0.6版本

讨论一下微信小程序中如何长按识别图片中二维码跳转相关推荐

html img 手势缩放,微信小程序中利用image组件实现图片手势缩放
微信小程序中利用image组件实现图片手势缩放,前端大神严灏的牛文,讲解了微信小程序中image组件的三种是缩放模式,三种之中,只有 aspectFit 模式可以等比例缩放图片,并显示完整的图片. 原 ...
微信小程序中使用wxss加载图片并实现动画
微信小程序中使用wxss加载图片并实现动画记录微信小程序中使用wxss加载图片并实现动画的方式,最终实现loading效果. 代码 .weui-loading { margin: 0 5px; wi ...
小程序：长按识别图中二维码
在小程序项目中,有时候我们需要按住二维码,弹出: 识别图中二维码的功能 1. API 小程序文档 - API - 媒体 - 图片 - perviewImage( ) : 在新页面中全屏预览图片.预览 ...
小程序长按识别图片二维码、小程序码
三种在小程序中识别图片二维码的方式的对比 image标签 + show long press menu <image src="https://img.qr.com/qr.jpg&qu ...
点击复制以及长按识别图中二维码功能
功能介绍:1.点击复制按钮,复制指定内容:2.借助微信浏览器识别图中二维码.效果如图: 功能介绍点击复制功能前提:引入clipboard.js html <div class="g ...
微信小程序加入（长按识别）群聊（群二维码）
小程序里放二维码图片目前小程序放群二维码,长按识别 [支持]企业个人微信二维码 [不支持]企业微信群固定码 [支持]企业微信群码(7天过期) [支持]个人微信码 [支持]微信群码二维码微信小程序中 ...
小程序中图片点击预览、长按识别图中二维码的问题
通过自己的测试以及各类博客资料的查询,总结如下: 1.小程序中的图片不能识别除小程序码以外的二维码 2.并且仅在 wx.previewImage 中支持长按识别官方文档(wx.previewImag ...
微信小程序Megalo开发踩坑计-普通二维码绑定
原文首发于http://blog.yumengtao.top 首先简单说一下普通二维码绑定功能作用: 兼容线下已有的二维码能同时支持微信.支付宝小程序小程序启动传参微信小程序普通二维码资料支付 ...
微信小程序如何支持长按识别二维码功能
1.previewImage 小程序wxml <image src="{{image}}" bindtap="imgLoad"></image ...

讨论一下微信小程序中如何长按识别图片中二维码跳转

讨论一下微信小程序中如何长按识别图片中二维码跳转相关推荐

最新文章

热门文章