jquery.qrcode.js 是一個純瀏覽器 生成 QRcode 的 jQuery 插件,它使用非常簡單,生成的 QRcode 無需下載圖片,並且不依賴第三方服務,比如最近 Google 服務在國內訪問不穩就造成我好幾個網站的 QRcode 不能使用,並且壓縮之後大小小於 4K。
jquery.qrcode.js 使用
1. 加載 jQuery 和 jquery.qrcode.js:
<script type='text/javascript' src='<script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
2. 創建一個用於包含 QRcode 圖片的 DOM 元素,比如 div:
<div id="qrcode"></div>
3. 然後通過下面代碼生成 QRcode:
jQuery('#qrcode').qrcode("http://www.baidu.com");
4. 默認生成的二維碼大小是 256×256,當然可以自定義大小:
jQuery('#qrcode').qrcode({width: 100,height: 100,text: "http://www.baidu.com"});
5. 如何想讓在手機端直接打開瀏覽pc,則text的參數爲:window.location.href
jQuery('#qrcode').qrcode({width: 100,height: 100,text: window.location.href});