jQuery生成二维码

jQuery.qrcode

实例下载

jQuery生成二维码实例下载

2.  

3.   type="text/javascript" src="jquery-1.3.2.min.js">

4.   type="text/javascript" src="jquery.qrcode-0.12.0.min.js">

6.     type="text/javascript">

7.    

8.     $(function(){

9.      $("#bcTarget").barcode("123456789", "codabar",{barWidth:2, barHeight:80});

10.      //二维码

11.      $("#two").qrcode({

12.    "render": "div",

13.    "size": 100,

14.    "color": "#3a3",

15.    "text": "http://liubo.club"

16.      });

18. });

19.  

20.    

21.  

22.  

25. 二维码

27. 


28. id="two">

2.  
3.     type="text/javascript" src="jquery-1.3.2.min.js">
4.     type="text/javascript" src="jquery-barcode-2.0.1.js">
5. type="text/javascript" src="jquery.qrcode-0.12.0.min.js">
7.     type="text/javascript">
8. //中文问题
9.    function toUtf8(str) {      
10.    var out, i, len, c;      
11.    out = "";      
12.    len = str.length;      
13.    for(i = 0; i < len; i++) {      
14.        c = str.charCodeAt(i);      
15.        if ((c >= 0x0001) && (c <= 0x007F)) {      
16.            out += str.charAt(i);      
17.        } else if (c > 0x07FF) {      
18.            out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));      
19.            out += String.fromCharCode(0x80 | ((c >>  6) & 0x3F));      
20.            out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));      
21.        } else {      
22.            out += String.fromCharCode(0xC0 | ((c >>  6) & 0x1F));      
23.            out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));      
24.        }      
25.    }      
26.    return out;      
27. }  
30.     $(function(){
31.      $("#bcTarget").barcode("123456789", "codabar",{barWidth:2, barHeight:80});
32.      //二维码
33.      $("#two").qrcode({
34.    "render": "div",
35.    "size": 100,
36.    "color": "#3a3",
37.    "text": "http://liubo.club"
38.      });
39.      //生成条形码
40.      $("#genid").click(function(){
41.       var code = $("#orgcode").val();
42.       $("#mycode").barcode(code, "codabar",{barWidth:2, barHeight:80});
43.      });
44.      //生成二维码
45.       $("#twobtn").click(function(){
46.       var qrcode = $("#twotext").val();
47.       qrcode =toUtf8(qrcode);
48.       $("#twoimg").qrcode({
49.    "render": "div",
50.    "size": 100,
51.    "color": "#3a3",
52.    "text": qrcode
53.      });
55.      });
58. });
59.  
60.    
61.  
62.  
63. 首先自动生成条形码 123456789
64. id="bcTarget">

输入要生成条形码的数字

type="text" id ="orgcode">

id="mycode">

type="button"  value="生成条形码" id="genid"/>




liubo.club 二维码




id="two">

输入内容生成二维码

type="text" id="twotext"/>




type="button" value="生成二维码" id="twobtn"/>

id="twoimg">