jQuery二维条形码插件 My QR Code

这个jQuery插件利用Google Chart API+jQuery来为移动设备生成QR二维码。默认将生成页面URL的QR码。当然你可以自己指定内容编码和设置QR码的大小。

 

Query二维码插件-改自MyQRCode

Javascript代码  

1. /** 
2.  * @author Paul Chan / KF Software House  
3.  * http://www.kfsoft.info 
4.  * 
5.  * Version 0.5 
6.  * Copyright (c) 2010 KF Software House 
7.  * 
8.  * Licensed under the MIT license: 
9.  * http://www.opensource.org/licenses/mit-license.php 
10.  * 
11.  */  
12.       
13. (function($) {  
14.   
15.     var _options = null;  
16.   
17.     jQuery.fn.MyQRCode = function(options) {  
18.         _options = $.extend({}, $.fn.MyQRCode.defaults, options);  
19.           
20.         return this.each(function()  
21.         {  
22.             var codebase = "https://chart.googleapis.com/chart?chs={size}&cht=qr&chl={content}&choe={encoding}";  
23.             var mycode = codebase.replace(/{size}/g, _options.size);  
24.             mycode = mycode.replace(/{content}/g, encodeURI(_options.content));  
25.             mycode = mycode.replace(/{encoding}/g, _options.encoding);  
26.             $(this).html("二维码加载中……");  
27.             $(this).html("<img src='"+mycode+"'>");  
28.         });  
29.     }  
30.       
31.     //default values  
32.     jQuery.fn.MyQRCode.defaults = {  
33.         encoding:"UTF-8",  
34.         content: window.location,  
35.         size:"150x150"  
36.     };  
37. })(jQuery);  

适用utf-8编码,支持中文字符.
调用方式:

Java代码  

1.    <div ></div>   
2.   <SCRIPT type="text/javascript">  
3. $("#qrocdes").MyQRCode({  
4. encoding:"UTF-8",  
5. content:'化蝶自在飞,来自湖北,http://www.xiaojudeng.com'  
6. });  
7.   </SCRIPT> 
   

 

 

详细文档可参考:http://code.google.com/intl/zh-CN/apis/chart/infographics/docs/qr_codes.html