小程序长按图片识别二维码

最新推荐文章于 2024-08-04 20:07:09 发布

培根芝士

最新推荐文章于 2024-08-04 20:07:09 发布

阅读量5.2k

点赞数 2

分类专栏：小程序

本文链接：https://blog.csdn.net/watson2017/article/details/119042578

版权

小程序专栏收录该内容

41 篇文章 3 订阅

订阅专栏

方案1：使用wx.previewImage识别

✅ 识别小程序码 - ✅ 跳转小程序

✅ 识别群二维码 - ✅ 跳转到加群页面

✅ 识别名片二维码 - ✅ 跳转到加好友页面

❌ 识别小程序二维码

WXML：

<image src="https://img.demo.com/upload/images/qrcode.jpg" mode="widthFix"
 data-src="https://img.demo.com/upload/images/qrcode.jpg" bindtap="previewImage">
</image>

JS：

previewImage: function(e) {
    var url = e.target.dataset.src;
    wx.previewImage({
      current: url,
      urls: [url]
    })
},

方案2：使用web-view加载二维码

✅ 识别小程序码 - ✅ 跳转小程序

✅ 识别群二维码 - ✅ 跳转到加群页面

✅ 识别名片二维码 - ✅ 跳转到加好友页面

❌ 识别小程序二维码

HTML：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<img src="https://img.demo.com/upload/images/qrcode.jpg"></div>
	</body>
</html>

WXML：

<web-view src="https://www.demo.com/test.html"></web-view>

培根芝士

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录