HTML+两个JS实现调用摄像头并解析二维码

最新推荐文章于 2024-08-10 10:10:58 发布

weixin_33682790

最新推荐文章于 2024-08-10 10:10:58 发布

阅读量1.6k

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/2437172/blog/645018

版权

2019独角兽企业重金招聘Python工程师标准>>>

引用：

<script src="js/jquery-1.9.1.js"></script>
<script src="js/html5-qrcode.js"></script>

html5-qrcode.js

jquery-1.9.1.js

<script type="text/javascript">
		function readeQR()
		{					
	        $('#reader').html5_qrcode(function(data){
	        $('#read').html(data);
                alert('parsing success!')
	        alert(data);//打印解析到的数据
	        $('#number').val(data);
	      },
	      function(error){
	        $('#read_error').html(error);
	      }, function(videoError){
	        $('#vid_error').html(videoError);
	      }
	    	);
		}
		
	</script>
…………
…………
<div class="center" id="reader" style="width:300px;height:250px; background:red; position: absolute;display:none" >
			  <video id="html5_qrcode_video" height="250px" width="300px"></video>
			  <canvas id="qr-canvas" width="298px" height="248px" style="display:none;"></canvas>
			</div>

转载于:https://my.oschina.net/u/2437172/blog/645018