利用jquery即時生成QRCode二維碼

剛安裝了一個App，「發票+」，這支App很好用而且辨識率也很高，一下子嘟嘟幾生就已經把一、二月的近100張二維碼的電子發票都掃進去了，而且還能自動對獎並且幫你下戴消費明細。不過這不是今天要分享的重點，今天是要來研究Jquery QRCode生成的程式碼。

以往要為自已的網站作一個QRCode總是依賴軟體生成或網站線上製作QRCode的服務，其實要在每一頁即時形成QRCode並也沒那麼難，如果是應用在商品購物網站，那我想效果應該很好，步驟如下：

1. 下戴qrcode.js

先將jquery.qrcode.min.js 下戴，並記錄好存放路徑，我是存在Google Drive下。

2. 程式碼

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js></script>
<script type="text/javascript"src="存放路徑/jquery.qrcode.min.js"></script>
<script>
jQuery(function(){
    jQuery('#qrcode').qrcode("URL網址");
})
</script>

把它放在想要顯示二維條碼的區塊就大功告成了，就這麼簡單。



3. 自訂化說明

   預設值的邊長是256 px，如果要自己修改，就把
   長寬參數加上即可：
   jquery('#qrcode').qrcode({width: 64,height: 64,text: ""});