1. 程式人生 > >Jquery掃描二維碼的簡單實現

Jquery掃描二維碼的簡單實現

二維碼:利用圖形模擬二進位制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形式一般瀏覽器會自動載入 }); });

效果:
這裡寫圖片描述