????：二維碼：利用圖形模擬二進(jìn)制0、1的概念，達(dá)到存儲(chǔ)少量數(shù)據(jù)的功能，一般移動(dòng)端瀏覽器解析出二維碼里面隱藏的url數(shù)據(jù)會(huì)自動(dòng)進(jìn)行跳轉(zhuǎn)，常見(jiàn)的支付寶、微信掃描登陸就是利用該原理 Jquery二維碼的實(shí)現(xiàn)：jquery.qrcode.min.js插件HTML正文：<script type="text/javascript" src="js/j

二維碼：利用圖形模擬二進(jìn)制0、1的概念，達(dá)到存儲(chǔ)少量數(shù)據(jù)的功能，一般移動(dòng)端瀏覽器解析出二維碼里面隱藏的url數(shù)據(jù)會(huì)自動(dòng)進(jìn)行跳轉(zhuǎn)，常見(jiàn)的支付寶、微信掃描登陸就是利用該原理 

Jquery二維碼的實(shí)現(xiàn)：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" //二維碼內(nèi)置內(nèi)容，如果時(shí)URL形式一般瀏覽器會(huì)自動(dòng)加載
 });
});

效果： 

更多關(guān)于jQuery實(shí)現(xiàn)二維碼掃描功能請(qǐng)關(guān)注PHP中文網(wǎng)（ipnx.cn）其他文章！