jQuery二维条形码插件 My QR Code

jQuery生成QR二维码插件

最新推荐文章于 2020-10-01 00:08:23 发布

Rki-dor

最新推荐文章于 2020-10-01 00:08:23 发布

阅读量348

点赞数

CC 4.0 BY-SA版权

文章标签： javascript java php ViewUI

原文链接：http://www.cnblogs.com/nosnowwolf/articles/625619.html

这是一个利用Google Chart API和jQuery为移动设备生成QR二维码的插件。默认情况下，该插件会生成当前页面URL的二维码，同时允许用户自定义内容、编码及调整二维码尺寸。

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

Query二维码插件-改自MyQRCode

Javascript代码

/**
* @author Paul Chan / KF Software House
* http://www.kfsoft.info
*
* Version 0.5
*
* Licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*
*/
(function($) {
var _options = null;
jQuery.fn.MyQRCode = function(options) {
_options = $.extend({}, $.fn.MyQRCode.defaults, options);
return this.each(function()
{
var codebase = "https://chart.googleapis.com/chart?chs={size}&cht=qr&chl={content}&choe={encoding}";
var mycode = codebase.replace(/{size}/g, _options.size);
mycode = mycode.replace(/{content}/g, encodeURI(_options.content));
mycode = mycode.replace(/{encoding}/g, _options.encoding);
$(this).html("二维码加载中……");
$(this).html("<img src='"+mycode+"'>");
});
}
//default values
jQuery.fn.MyQRCode.defaults = {
encoding:"UTF-8",
content: window.location,
size:"150x150"
};
})(jQuery);

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

Java代码

<div id="qrocdes" style="width:160px;height:160px;border:1px solid #f00;"></div>
<SCRIPT type="text/javascript">
$("#qrocdes").MyQRCode({
encoding:"UTF-8",
content:'化蝶自在飞,来自湖北,http://www.xiaojudeng.com'
});
</SCRIPT>

转载于:https://www.cnblogs.com/nosnowwolf/articles/625619.html