微信小程序web-view 实现长按识别二维码

小程序长按识别二维码，网页在小程序中长按识别二维码，web-view长按识别二维码

效果图：

html 代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><div class="t-share"><img src="https://aikaoya.cloudlinks.com.cn/wq.jpg"></div><div class="but">长按图片保存到相册，就能分享给好友啦~</div><script language="javascript"></script></body>
</html>

小程序代码：

Page({/*** 页面的初始数据*/data: {scene: 'https://aikaoya.cloudlinks.com.cn/wq.jpg',show_web: false,},previewImage: function (e) {wx.previewImage({urls: this.data.scene.split(',')// 需要预览的图片http链接  使用split把字符串转数组。不然会报错})},onLoad(option) {},click2() {this.setData({show_web: true})},
})

<web-view wx:if='{{show_web}}' src="https://aikaoya.cloudlinks.com.cn/test2.html"></web-view><button catchtap="click2">点击进入web-view</button><button catchtap="click3">点击二维码后长按识别</button><image class='img' bindtap="previewImage" src='{{scene}}'></image>

微信小程序web-view 实现长按识别二维码相关推荐

微信小程序Megalo开发踩坑计-普通二维码绑定
原文首发于http://blog.yumengtao.top 首先简单说一下普通二维码绑定功能作用: 兼容线下已有的二维码能同时支持微信.支付宝小程序小程序启动传参微信小程序普通二维码资料支付 ...
微信小程序绘制自定义海报，可带二维码，头像，文字等
1.资源准备 ①海报背景图(建议放在不要放在本地). ②头像(需要授权). ③带参二维码. ④需要自定义展示的文字.小的icon图片 2.工具类,及方法 ①兼容屏幕大小的rpx转px的方法(手机屏幕有 ...
微信小程序分享生成海报（自带二维码）+头像+昵称
前言: 我的分享海报是弹框,可根据自己要求写成页面,原理都是一样的,背景图是前期测试的,效果是OK的,真机测试手机也是显示的. 效果图: wxml: <vi ...
微信小程序实现蓝牙打印（图片、二维码、文字）
小程序连接蓝牙打印机实现打印功能这真是一块超级难啃的骨头,我也是参考了很多文章才勉强理解,但是如果你啃动了,那你以后也有了拿得出手的资本了完整DEMO地址可直接下载下来使用搜索与连接蓝牙,这个我 ...
h5嵌入微信小程序webView长按识别二维码
1.h5页面用于渲染图片 <div id="app"><div class="priview-img"><imgv-for=&qu ...
微信小程序如何支持长按识别二维码功能
1.previewImage 小程序wxml <image src="{{image}}" bindtap="imgLoad"></image ...
微信小程序长按识别二维码，小程序相关问题总结
微信小程序长按识别二维码,小程序相关问题总结开发小程序中,长按识别二维码,小程序码跳转,已知问题整理: 小程序中,不支持长按识别二维码,和小程序码. 可利用小程序图片预览功能识别小程序码并进行跳 ...
微信长按识别二维码 -- 页面多个二维码如何识别？
常规的在公众号html页面中要实现长按识别二维码,直接使用img显示图片就可以了,如下: <img name="qrCodeImg" src="/images/it ...
(补充)微信长按识别二维码 -- 页面多个二维码如何识别？（二）
基于上一篇微信长按识别二维码 -- 页面多个二维码如何识别? )在部分设备上,如果图片非常多,还是会出现识别错误的bug(主要是二维码显示一半或居于底部时),修改了识别流程,改为点击图片弹窗,然后长按 ...

微信小程序web-view 实现长按识别二维码

微信小程序web-view 实现长按识别二维码相关推荐

最新文章

热门文章