Jquery扫描二维码的简单实现

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/yang1464657625/article/details/53457361

二维码：利用图形模拟二进制0、1的概念，达到存储少量数据的功能，一般移动端浏览器解析出二维码里面隐藏的url数据会自动进行跳转，常见的支付宝、微信扫描登陆就是利用该原理
Jquery二维码的实现：jquery.qrcode.min.js插件

HTML正文：

<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>

<input type="button" value="二维码" id="bt" />：  <span id="count"></span>
<br>
<div id="code"></div>
<br>

Javascript操作代码：

var i=0;
$("#bt").click(function() {
       
	$("#count").text(++i);
	$("#code").text("");  //初始化二维码的位置
	
	jQuery('#code').qrcode({
		render : "canvas",//也可以替换为table
		width : 100,
		height : 100,
		text : "http://www.baidu.com"    //二维码内置内容，如果时URL形式一般浏览器会自动加载
	});
});

效果：