Jquery掃描二維碼的簡單實現
阿新 • • 發佈:2019-01-05
二維碼:利用圖形模擬二進位制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形式一般瀏覽器會自動載入
});
});
效果: