精华内容
下载资源
问答
  • 主要介绍了jQuery实现微信长按识别二维码的功能,非常不错,具有参考借鉴价值,对jquery长按识别二维码的相关知识感兴趣的朋友一起学习吧
  • 长按识别二维码

    2017-12-09 11:43:46
    本资源集中了长按识别图中 二维码的资源和关键代码,下载后可以直接移植到项目中
  • PressScanCode A View code can be achieved on the basis of the two-dimensional code. WebView can also. After integration, you need only three lines of code can be resolved. Support View ...
  • zxing二维码生成扫描,识别二维码图片,长按识别二维码调用方便简洁,可选择导入as的modules 只需要在bulid.gradle(app) 中的dependencies :里面 compile project(path: ':BarCode')一下就能用。
  • 本文要使用Android WebView实现长按保存图片及长按识别二维码功能,当用户在浏览网页的时候,长按某一区域,识别如果是图片,则弹出弹框,出现保存图片的功能
  • webview长按图片识别二维码
  • Android对zxing的集成,长按识别二维码相关
  • 方式一: #import @interface ViewController : UIViewController @end ************** #import ViewController.h @interface ViewController () @end @implementation ... self.title = @二维码; UIBar
  • 主要介绍了微信小程序webview实现长按点击识别二维码功能,结合实例形式分析了webview二维码识别相关操作技巧,需要的朋友可以参考下
  • 1. 二维码的全屏样式, opacity: 0; 透明样式, touch-callout: none; -webkit-touch-callout: none; -ms-touch-callout: none; -moz-touch-callout: none; 禁止IOS默认长按事件 .codePage { position: ...

    代码段作用讲解:

    1. 二维码的全屏样式,

    opacity: 0; 透明样式, 

    touch-callout: none; -webkit-touch-callout: none; -ms-touch-callout: none; -moz-touch-callout: none; 禁止IOS默认长按事件

    
    			.codePage {
    				position: absolute;
    				touch-callout: none; -webkit-touch-callout: none; -ms-touch-callout: none; -moz-touch-callout: none;
    				
    				padding-bottom:100%;
    				width: 100%;
    				top: 0;
    				left: 0;
    				opacity: 0;
    				z-index: 9998;
    			}

    2. 防止页面没加载完vue.js时页面乱码

    [v-cloak]{
    	display: none;
    }
    <div id="app" class="app" v-cloak></div>

    3.页面开启调试模式

    		<script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>
    		<script>
    			// new VConsole(); //调试阶段
    		</script>

    4.创建音频

    audio = new Audio(res.module.myCard.backgroundMusicFileUrl);

    完整代码:

    <!DOCTYPE html>
    <html>
    
    	<head>
    		<script type="text/javascript">
    			window.trkPageStart = new Date().getTime();
    		</script>
    		<meta charset="utf-8">
    		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    		<meta content="yes" name="apple-mobile-web-app-capable">
    		<meta content="black" name="apple-mobile-web-app-status-bar-style">
    		<meta content="telephone=no" name="format-detection">
    		<meta content="email=no" name="format-detection">
    		<meta name="description" content="不超过150个字符" />
    		<meta name="keywords" content="" />
    		<meta content="caibaojian" name="author" />
    		<title></title>
    		<script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>
    		<script>
    			// new VConsole(); //调试阶段
    		</script>
    		<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    		<script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>
    		<script src="https://cdn.bootcss.com/axios/0.19.0/axios.js"></script>
    		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    		<!-- <script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> -->
    		<style>
    			.wrap {
    				width: 100%;
    				padding-left: 10px;
    				margin: 0;
    				padding: 0;
    				height: 400px;
    			}
    			[v-cloak]{
    			    display: none;
    			}
    			.wug{
    				width: 120px;
    				height: 90px;
    				position: absolute;
    				right: 10px;
    				top: -110px;
    			}
    			.codePage {
    				position: absolute;
    				touch-callout: none; -webkit-touch-callout: none; -ms-touch-callout: none; -moz-touch-callout: none;
    				
    				padding-bottom:100%;
    				width: 100%;
    				top: 0;
    				left: 0;
    				opacity: 0;
    				z-index: 9998;
    			}
    			.jiaz {
    				text-align: center;
    				margin-top: 100px;
    				width: 100%;
    			}
    
    			.img11 {
    				width: 100%;
    			}
    
    			.img12 {
    				width: 100%;
    				position: absolute;
    				bottom: 50px;
    			}
    
    			* {
    				margin: 0;
    				padding: 0;
    			}
    
    			body {
    				background-color: #FFFFFF;
    			}
    
    			.top {
    				position: relative;
    				top: 0;
    				width: 100%;
    				overflow: hidden;
    			}
    
    			.head {
    				width: 100%;
    				z-index: 0;
    			}
    
    			.zuan {
    				animation: rotate 6s linear infinite;
    
    			}
    
    			.top_txt {
    				position: absolute;
    				/* background-color: rgba(0,0,0,0.2); */
    				background: linear-gradient(to bottom, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.3));
    				bottom: 0;
    				width: 100%;
    				color: white;
    				padding-left: 30px;
    				padding-top: 60px;
    				z-index: 1;
    				letter-spacing: 3px;
    			}
    
    			img {
    
    				border: 0;
    				vertical-align: bottom;
    			}
    
    			.position {
    				letter-spacing: 2px;
    				color: #e4e5e5;
    			}
    
    			.name {
    				font-weight: 400;
    				font-size: 26px;
    				margin-top: 6px;
    				padding-bottom: 16px;
    			}
    
    			.ms {
    				position: absolute;
    				top: 20px;
    				right: 20px;
    				width: 1.8rem;
    				height: 1.8rem;
    				z-index: 9999;
    			}
    
    			@keyframes rotate {
    				0% {
    					transform: rotateZ(0deg);
    					/*从0度开始*/
    				}
    
    				100% {
    					transform: rotateZ(360deg);
    					/*360度结束*/
    				}
    			}
    
    			.sss {
    				position: absolute;
    				bottom: 0;
    				width: 100%;
    			}
    
    			.code {
    				width: 100px;
    				height: 100px;
    				margin-top: 14px;
    				margin-right: 14px;
    				-moz-box-shadow: 0px 1px 18px #dfdfdf;
    				-webkit-box-shadow: 0px 1px 18px #dfdfdf;
    				box-shadow: 0px 1px 18px #dfdfdf;
    
    			}
    
    			.code1 {
    				width: 100px;
    				height: 100px;
    				margin-top: 14px;
    				-moz-box-shadow: 0px 1px 18px #dfdfdf;
    				-webkit-box-shadow: 0px 1px 18px #dfdfdf;
    				box-shadow: 0px 1px 18px #dfdfdf;
    				position: absolute;
    				top: 20px;
    				right: 20px;
    			}
    			.erweima1{
    				position: absolute;
    				top: 133px;
    				right: 35px;
    				width: 100px;
    			}
    			.code2 {
    				top: 0px;
    				margin-top: 14px;
    					width: 100px;
    					height: 100px;
    			}
    
    			.centent {
    				
    				background-color: white;
    				position: relative;
    				background-size: 100%;
    				/* background-size: 80%; */
    				color: #474747;
    				height: 18rem;
    			}
    
    			.centent2 {
    				background-color: white;
    				position: relative;
    				background-size: 100%;
    				/* background-size: 80%; */
    				color: #474747;
    				height: 18rem;
    			}
    			.rig_logo{
    				position: absolute;
    				top: 0px;
    				right: 0;
    				width: 100%;
    				z-index: 1;
    			}
    			.rig_logo1{
    				z-index: 0;
    			}
    			.logo {
    				position: absolute;
    				right: 0;
    				top: 0;
    				height: 260px;
    				
    			}
    			.centent_block{
    				position: relative;
    				z-index: 2;
    				height: 400px;
    			}
    			.bottom_txt {
    				color: #dfdfdf;
    				width: 100%;
    				position: relative;
    				bottom: 0;
    				height: 50px;
    				line-height: 50px;
    				text-align: center;
    			}
    
    			.img133 {
    				position: relative;
    				margin-bottom: 20px;
    				width: 20px;
    				line-height: 40px;
    				text-align: center;
    				left: 50%;
    				margin-left: -10px;
    				
    			}
    
    			.centent_txt {
    				margin-bottom: 5px;
    				font-size: 16px;
    				width: 70%;
    				text-overflow: -o-ellipsis-lastline;
    				overflow: hidden;
    				text-overflow: ellipsis;
    				display: -webkit-box;
    				-webkit-line-clamp: 2;
    				line-clamp: 2;
    				-webkit-box-orient: vertical;
    
    			}
    
    			.centent_txt1 {
    				margin-bottom: 7px;
    				font-size: 16px;
    				width: 50%;
    				text-overflow: -o-ellipsis-lastline;
    				overflow: hidden;
    				text-overflow: ellipsis;
    				display: -webkit-box;
    				-webkit-line-clamp: 2;
    				line-clamp: 2;
    				-webkit-box-orient: vertical;
    			}
    
    			.lou_b {
    				position: absolute;
    				bottom: 0;
    				width: 80%;
    				left: 10%;
    				z-index: 0;
    			}
    			.app{
    				background-color: #fff;
    			}
    			.erweima{
    				color: #cfcfcf;font-size: 12px;
    				width: 100px;
    				text-align: center;
    				margin-top: 10px;
    				
    			}
    		</style>
    
    	</head>
    
    	<body>
    		<div id="app" class="app" v-cloak>
    			<div v-if="!template_type" class="jiaz">加载中 ···</div>
    			<di class="wrap" v-if="template_type">
    
    				<img class="codePage" :src="myCard.qrCode" @click="click_v">
    				<div v-if="template_type==1">
    					<div class="top">
    						<img class="ms" :class="[rotate?'zuan ms':'ms']" :src="ms_url">
    						<img class="head" v-if="myCard.avatarOpen==1" :src="myCard.avatar || 'https://xxx.cn:8080/static/de_head.jpg'">
    						<img class="head" v-else src="https://xxx.cn:8080/static/de_head.jpg" />
    						<div class="top_txt">
    							<div class="position" v-if="myCard.positionOpen == 1 && myCard.position">{{ myCard.position }}</div>
    							<div class="name">{{ myCard.name }}</div>
    						</div>
    					</div>
    					<div class="centent">
    						<div class="centent_block" style="margin-left: 30px;">
    							<div class="centent_txt" style="padding-top: 32px">{{myCard.corpName}}</div>
    							<div class="centent_txt1" v-if="myCard.addressOpen == 1 && myCard.address">{{myCard.address}}</div>
    							<div class="centent_txt" v-if="myCard.mobileOpen == 1 && myCard.mobile">{{myCard.mobile}}</div>
    							<img class="code code1" :src="myCard.qrCode">
    							<div class="centent_txt erweima erweima1" style="">长按识别二维码</div>
    						</div>
    						<img class="rig_logo rig_logo1" src="https://xxx.cn/work/weixin/file/png17.png">
    					</div>
    				</div>
    
    				<div v-if="template_type==2">
    					<div class="top">
    						<img class="ms" :class="[rotate?'zuan ms':'ms']" :src="ms_url" @click="click_v">
    						<img class="head " v-if="myCard.avatarOpen==1" :src="myCard.avatar || 'https://xxx.cn:8080/static/de_head.jpg'">
    						<img class="head " v-else src="https://xxx.cn:8080/static/de_head.jpg" />
    						<div class="top_txt">
    							<div class="position" v-if="myCard.positionOpen == 1 && myCard.position">{{ myCard.position }}</div>
    							<div class="name">{{ myCard.name }}</div>
    						</div>
    					</div>
    					<div class="centent2">
    						<img src="https://xxx.cn/work/weixin/file/card/weein_5g.png" class="wug">
    						<div style="margin-left: 24px; position: relative; width: 90%;z-index: 2;">
    
    							<div class="centent_txt" style="padding-top: 28px">{{myCard.corpName}}</div>
    							<div class="centent_txt" v-if="myCard.addressOpen == 1 && myCard.address">{{myCard.address}}</div>
    							<div class="centent_txt" v-if="myCard.mobileOpen == 1 && myCard.mobile">{{myCard.mobile}}</div>
    							<img class="code code2" :src="myCard.qrCode">
    							<div class="centent_txt erweima" style="">长按识别二维码</div>
    
    						</div>
    						<img class="rig_logo" src="https://xxx.cn/work/weixin/file/png18.png">
    					</div>
    				</div>
    		</div>
    
    		<div v-if="template_type" class="bottom_txt">愿您感受我的真心,请加我企业微信</div>
    		<img v-if="template_type" class="img133" src="https://xxx.cn/work/weixin/file/card/weein_logo.png">
    		</div>
    		<script>
    			var audio = "";
    			window.onload = function() {
    				//const vConsole = new VConsole(); //调试阶段
    				window.vm = new Vue({
    					el: '#app',
    					data: {
    						template_type: false,
    						myCard: {},
    						//template_type: 2,
    						//myCard:{"addressOpen":0,"avatarOpen":0,"backgroundMusic":"1254343664029798400","backgroundMusicFileUrl":"https://xxx.cn/work/weixin/file/nv7.mp3","backgroundMusicName":"请加我企业微信女声版","backgroundMusicPicUrl":"","backgroundPic":"1254771577548050432","backgroundPicUrl":"https://xxx.cn/work/weixin/file/card/b2_1.png","corpId":"wwe094a1deac86058c","corpName":"码多多","createTime":"2020-06-17 12:37:26","email":"","emailOpen":0,"id":"1270938165796032512","mobile":"13977284413","mobileOpen":1,"name":"a_靖","position":"","positionOpen":0,"qrCode":"https://wework.qpic.cn/wwpic/817705_zCXev0t3R7SX_kZ_1583717752/0","templateId":"1252576158818635776","templateName":"模板2","templatePreviewUrl":"https://xxx.cn/work/weixin/file/card/t2.png","userId":"a_Jing","userid":"cdce4068a0f579517d73ec2106a0501bdaedf91ac6ab7d80"},
    						ms_url: 'https://xxx.cn/work/weixin/file/png26.png',
    						rotate: true,
    					},
    					created() {
    						let that = this;
    						that.loading = true;
    						let inviteId = that.getQueryVariable('id');
    						console.log('inviteId', inviteId)
    						setTimeout(() => {
    							console.log('------', this.template_type)
    						}, 500)
    						if (inviteId) {
    							axios.post(`${window.location.origin}/v1/businesscard/getH5MyCard/${inviteId}.do`).then(res => {
    								res = res.data;
    								console.log('==========', res)
    								if (res.success) {
    									this.myCard = res.module.myCard;
    									audio = new Audio(res.module.myCard.backgroundMusicFileUrl);
    									if (res.module.myCard.templateId == "1252576158818635776") {
    										this.template_type = 1;
    									} else {
    										this.template_type = 2;
    									}
    									that.getConfig();
    								} else {
    									that.error = res.errorMsg;
    									setTimeout(() => {
    										that.error = null;
    									}, 1000)
    								}
    							}).finally(() => {
    								that.loading = false;
    							})
    						}
    						
    						$('html,body').animate({scrollTop:1},500);
    					},
    					methods: {
    						click_v() {
    							console.log('点击音频')
    							if(this.rotate){
    								this.voiceClose()
    							}else{
    								this.voicePaly()
    							}
    						},
    						click_vv(){
    							//audio.play();
    						},
    						voicePaly() {
    							console.log('播放,播放结束继续播放')
    							audio.play();
    							this.rotate = true;
    							this.ms_url = "https://xxx.cn/work/weixin/file/png26.png"
    							
    							// 循环播放,播放结束继续播放
    							if(this.rotate){
    								$(audio).unbind("ended").bind("ended", function() {
    							console.log('播放结束继续播放')
    									audio.play();
    								})
    							}
    						},
    						voiceClose() {
    							audio.pause();
    							this.rotate = false;
    							this.ms_url = "https://xxx.cn/work/weixin/file/png25.png"
    						},
    						//获取url参数
    						getQueryVariable(variable) {
    							var query = window.location.search.substring(1);
    							var vars = query.split("&");
    							for (var i = 0; i < vars.length; i++) {
    								var pair = vars[i].split("=");
    								if (pair[0] == variable) {
    									return pair[1];
    								}
    							}
    							return '';
    						},
    						//获取jssdk配置
    						getConfig() {
    							var that = this;
    							axios.get(`${window.location.origin}/v1/invite/getConfig.do`, {
    									params: {
    										url: encodeURIComponent(window.location.href.split('#')[0])
    									}
    								})
    								.then(function(response) {
    									console.log(response);
    									const {
    										data
    									} = response;
    									if (data.success) {
    										let info = JSON.parse(data.module.config);
    										wx.config({
    											debug: false, // 开启调试模式
    											appId: info.appId, // 必填,公众号的唯一标识
    											timestamp: info.timestamp, // 必填,生成签名的时间戳
    											nonceStr: info.nonceStr, // 必填,生成签名的随机串
    											signature: info.signature, // 必填,签名
    											jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData'] // 必填,需要使用的JS接口列表
    										});
    										wx.ready((res) => {
    											console.log('初始化成功');
    											that.voicePaly()
    											console.log(wx.updateAppMessageShareData, wx.updateTimelineShareData);
    											var wx_title = "请加我企业微信";
    											var wx_desc = "我是您的专属服务顾问,我来自中国电信,请加我企业微信,hello 5G充满诚信";
    
    											wx.updateAppMessageShareData({
    												title: wx_title, // 分享标题
    												desc: wx_desc, // 分享描述
    												link: window.location.href, // 分享链接
    												imgUrl: 'https://xxx.cn/work/weixin/file/card/5g.png', // 分享图标
    												type: 'link', // 分享类型,music、video或link,不填默认为link
    												dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
    												success: function() {
    													// 用户确认分享后执行的回调函数
    												},
    												cancel: function() {
    													// 用户取消分享后执行的回调函数
    												}
    											});
    											wx.updateTimelineShareData({
    												title: wx_title, // 分享标题
    												link: window.location.href, // 分享链接
    												imgUrl: 'https://xxx.cn/work/weixin/file/card/5g.png', // 分享图标
    												success: function() {
    													// 用户确认分享后执行的回调函数
    												},
    												cancel: function() {
    													// 用户取消分享后执行的回调函数
    												}
    											});
    										})
    										wx.error(function(res) {
    											console.log('失败');
    											alert('初始化失败,请刷新页面重试。')
    										});
    									}
    								})
    								.catch(function(error) {
    									// handle error
    									console.log(error);
    								})
    								.then(function() {
    									// always executed
    								});
    						}
    
    					}
    				})
    			}
    		</script>
    	</body>
    	
    	<div id=app></div>
    	 <script type="text/javascript">
    		window.trkPageEnd = new Date().getTime();
    		window.trkArea = "bj";
    	</script>
    	<script type="text/javascript" src="https://xxx.cn/client/wap/common/js/s_code.js"></script>
    </html>
    

     

    展开全文
  • 微信小程序里长按识别二维码

    万次阅读 2020-09-15 19:08:18
    一直以来我都是这样认为的,微信的官方规则里也是这么写的,直到今天上午,我无意间发现一个小程序里的二维码居然可以长按识别,于是就好奇的去研究了一番,结果还真的可以实现小程序里长按识别二维码。不知道是官方...

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

    老规矩,先看效果图


    可以看到,我们成功的在小程序里实现了长按识别二维码的功能。下面就教大家如何一步步实现吧。因为官方的规格还没有明确说支持这个功能,所以这个功能有可能随时被禁。这里先带大家爽一把,能爽一会是一会儿。

    一,首先使用webview来显示公众号文章

    我们知道公众号文章里是自带长按识别二维码的功能的,所以我们要先在小程序里长按识别二维码,就必须在小程序里显示公众号文章,怎么显示公众号文章在小程序里呢,这里我们就要用到webview了。webview使用起来很简单,只需要如下即可。

    src就是我们公号文章对应的链接,只需要这样写就完成了代码部分了,后面都是一些配置工作了。

    二,必须要把你的小程序关联到公众号

    如果你只是随便找个公号文章链接,就放到webview里,会出现以下问题

    我们接下来就要先在公众号后台把小程序关联上。



    小程序的appid在哪里找,我这里就不做讲解了,你如果学过小程序肯定知道去哪里拿到appid的

    三,设置完就可以直接长按识别了

    上面关联后,会有几分钟的延迟,所以最好把开发者工具关闭,然后重新打开下。

    可以看到我们在小程序的webview里成功的显示了公众号的文章了。然后在手机上预览如下

    可以看出来,我们这里是一篇标准的尾部带二维码的公号文章。那么我们长按是否可以识别这个二维码呢。

    可以看出,我们成功的长按识别出了二维码。
    到这里我们就成功的实现了小程序里长按识别二维码了。。。
    你也赶紧去试试吧。不敢保证百分之百的成功奥,因为微信官方还没有明确的开发这个功能。但是现在小程序都可以分享到朋友圈了,相信小程序里长按识别二维码不会被禁止了吧,所以趁这个机会赶紧去试试这个功能吧。

    展开全文
  • 微信小程序里长按识别二维码 https://developers.weixin.qq.com/community/develop/article/doc/00042645074e104699fa3344b5b013

    我们都知道公众号里的二维码可以长按识别,但是小程序限制比较严格,没有办法实现二维码的长按识别,一直以来我都是这样认为的,微信的官方规则里也是这么写的,昨晚看了一些文章和官方的回复,回复不一致,如何今天亲自上手实验一番

     原理就是,在小程序中增加一个web-view页面,来显示公众号文章,公众号文章中增加一个公众号二维码即可

    在小程序页面增加一个跳转公众号的入口

    一,首先使用webview来显示公众号文章

    我们知道公众号文章里是自带长按识别二维码的功能的,所以我们要先在小程序里长按识别二维码,就必须在小程序里显示公众号文章,怎么显示公众号文章在小程序里呢,这里我们就要用到webview了。webview使用起来很简单,只需要如下即可。

    src就是我们公号文章对应的链接,只需要这样写就完成了代码部分了,后面都是一些配置工作了。

    二,必须要把你的小程序关联到公众号

    网上教程很多,这里就不在赘述。

    三,设置完就可以直接长按识别了

    到这里我们就成功的实现了小程序里长按识别二维码了。

    展开全文
  • js实现长按二维码识别及上传二维码识别。样式随便写的,可以自己修改
  • 小程序长按识别二维码, 网页在小程序中长按识别二维码,web-view长按识别二维码 效果图: html 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>&...

    小程序长按识别二维码, 网页在小程序中长按识别二维码,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>

     

    展开全文
  • H5页面长按识别二维码

    千次阅读 2020-04-30 15:05:30
    我这里是用vue 写的H5 ,内嵌在小程序上, 当支付成功后会弹出一个窗, img 标签上 直接是张二维码图片,我给转base64 了, <img src="data:image/png;base64....."style="width: 200px;background-size:100% ...
  • 在微信中打开H5页面,页面中有一个二维码长按二维码关注公众号在大部分手机都是可以实现的,但是目前发现在华为一些型号和iphone11中长按会提示保存图片,而不是识别. 2.原因 google了很久也没有发现原因,猜想...
  • 使用公众号发布一篇带有二维码的文章,然后通过web-view内嵌在小程序中,就可以实现长按识别二维码了 2. 微信网页 原文:https://blog.csdn.net/weixin_42865522/article/details/86530461 (1) 设置meta <...
  • 小程序长按识别二维码, 网页在小程序中长按识别二维码,web-view长按识别二维码 效果图: html 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>&...
  • 有个人给我发了串js代码,说可以解决,不知道怎么使用, ``` setTimeout(function(){  $('img').on('touchstart',function(){ ... var url=$(this).attr("src");... url=document.location.protocol+"//"+...
  • 微信内置浏览器长按识别二维码功能的两三个坑与解决方案.docx
  • 这篇文章就整理下移动端长按识别二维码的实现吧!实现方式可以分为三种 一、长按原生控件,直接获取控件中的图片数据(src或background) 二、长按原生控件,截图识别 三、长按web中的图片,app识别其中的二维码 ...
  • 主要为大家详细介绍了QRCode.js二维码生成并能长按识别,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 二维码识别原理我们可以知道客户端是检测网页的img标签内进行长按操作时,会立刻截屏并且启动二维码识别算法 我曾尝试显示qrcode2生成的img标签,但是无效,所以只能将qrcode2生成的base64放在我自己的img里面 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 28,997
精华内容 11,598
关键字:

长按识别二维码