jquery-qrcode生成二維碼

時間 2019-11-10

標籤 jquery qrcode 生成二維欄目 JQuery 简体版

原文原文鏈接

1、jquery-qrcodejavascript

　　jquery-qrcode是一個爲瀏覽器生成二維碼的jquery插件。咱們很容易將它集成到咱們的應用。該插件也能夠獨立使用，也比較小。它是直接在客戶端生成二維碼生成。因此不會有圖片的下載過程，必定程度上提升了系統性能。html

2、實例java

　　一、jquery-qrcode下載地址爲：https://github.com/dnspod/jquery-qrcode 。該包解壓後有以下幾個文件jquery

　　二、開始編寫程序git

　　　　a、建立index.html文件，文件內容以下：github

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <title>basic example</title>
 5 </head>
 6 <body>
 7 <script src="jquery-1.10.2.min.js"></script>
 8  <script type="text/javascript" src="./src/jquery.qrcode.js"></script>
 9 <script type="text/javascript" src="./src/qrcode.js"></script>
10 <p>Render in table</p>
11 <div id="qrcodeTable"></div>
12 <p>Render in canvas</p>
13 <div id="qrcodeCanvas"></div>
14 <script> 
15     jQuery('#qrcodeTable').qrcode({
16         render    : "table",                <!--二維碼生成方式 -->
17         text    : "http://www.baidu.com"  <!-- 二維碼內容  -->
18     });    
19     jQuery('#qrcodeCanvas').qrcode({
20         text    : "http://www.baidu.com"
21     });    
22 </script>
23 </body>
24 </html>