生成二維碼的 jQuery 插件:jquery.qrcode.js

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});


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章