`
化蝶自在飞
  • 浏览: 2329358 次
  • 性别: Icon_minigender_2
  • 来自: 武汉
社区版块
存档分类
最新评论

jQuery二维码插件-改自MyQRCode,支持中文字符

 
阅读更多
jQuery二维码插件-改自MyQRCode
/**
 * @author Paul Chan / KF Software House 
 * http://www.kfsoft.info
 *
 * Version 0.5
 * Copyright (c) 2010 KF Software House
 *
 * 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编码,支持中文字符.
调用方式:
   <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>


名片联系人信息格式如:
MECARD:N:孙悟空;
ADR:花果山;
TEL:+8613800138000;
Email:wukong@huoguoshan.com;

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

相关推荐

    jquery插件jquery-ui-1.8.2.custom.min.js

    《jQuery UI与jQuery插件深度解析——以jquery-ui-1.8.2.custom.min.js为例》 在Web开发领域,jQuery库以其简洁易用的API和强大的功能深受开发者喜爱。而jQuery UI作为jQuery的一个扩展,提供了丰富的用户界面组件...

    jQuery摄像头插件jquery-webcam-plugin

    **jQuery摄像头插件jquery-webcam-plugin** 在网页开发中,集成摄像头功能可以帮助用户实时捕捉图像,广泛应用于在线证件照上传、视频聊天、虚拟试衣间等场景。`jQuery webcam plugin`是一个优秀的JavaScript库,它...

    jQuery版本迁移辅助插件jquery-migrate-1.2.1.min.js

    jQuery版本迁移辅助插件,如果您使用的低版本jQuery改为高版本后出现错误,可以试试这个插件。用来检测和恢复在jQuery1.9版本中已删除或已过时的API。jquery-migrate-1.2.1.js,jquery-migrate-1.2.1.min.js

    jQuery打印插件jqprint,内包含使用示例

    jQuery打印插件jqprint,jquery.jqprint-0.3.js 下载,内包含使用示例,下载解压可直接在浏览器打开使用。 jQuery打印插件jqprint,jquery.jqprint-0.3.js 下载,内包含使用示例,下载解压可直接在浏览器打开使用。 ...

    jquery-migrate-1.2.1.js文件

    `jquery-migrate-1.2.1.min.js` 是这个插件的压缩版本,用于生产环境,它具有更小的文件大小,减少了页面加载时间,但同样提供向后兼容性支持。 **jqPrint插件与jQuery Migrate的结合** `jqPrint` 是一个jQuery...

    jQuery二维码插件

    jQuery二维码插件是一种基于流行的JavaScript库jQuery开发的工具,它允许开发者在网页上方便地生成和显示二维码。二维码,全称Quick Response Code,快速响应码,是一种二维条形码,可以存储大量的数据,如网址、...

    支持中文的,不依赖于类库jquery二维码生成插件

    【标题】: "支持中文的,不依赖于类库jquery二维码生成插件" 这个标题指出的是一个专门设计用于生成二维码的JavaScript插件,其特点在于它不仅能够处理中文字符,而且不依赖于jQuery库。在许多传统的Web开发项目中...

    Jquery 二维码生成插件 美化版

    **jQuery 二维码生成插件美化版** 在网页开发中,二维码(QR Code)因其便捷的信息存储和传递功能,被广泛应用于各个领域。jQuery作为一个轻量级的JavaScript库,简化了DOM操作,使得开发者能更轻松地实现各种交互...

    jQuery插件---mcdropdow.(仿下拉框多层次)

    jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)

    jquery.editable-select

    3. **自定义输入**:用户在输入框中输入字符时,插件会实时过滤下拉列表,显示出与输入相匹配的选项。这种功能对于有大量选项的下拉列表特别有用,可以快速定位到用户想要的选项。 4. **API 和事件**:`jquery....

    jQuery打印插件----jQuery.print.js

    jQuery打印插件----jQuery.print.js实现网页的打印功能,亲测有效

    jquery-ui-1.8.16.custom.min.js/jquery-ui-1.8.16.custom.css

    **jQuery UI** 是一个强大的JavaScript库,用于构建用户界面,它基于流行的jQuery库。这个压缩包包含两个关键文件:`jquery-ui-1.8.16.custom.min.js` 和 `jquery-ui-1.8.16.custom.css`,这些都是jQuery UI的特定...

    jquery-ui-1.10.3.custom.rar jquery 日期插件 带时间选择

    《jQuery UI 1.10.3 自定义版本与日期时间选择插件详解》 jQuery UI 是一个基于 jQuery 的开源库,它提供了丰富的用户界面组件,包括但不限于对话框、滑块、进度条、按钮、日历等。在给定的"jquery-ui-1.10.3....

    jquery.datepicker-zh-CN.js

    jquery datepicker 的中文包 调用方法 &lt;script src="./public/js/jquery-ui-1.10.3.min.js"&gt; &lt;script src="./public/js/jquery.datepicker-zh-CN.js"&gt;&lt;/script&gt; &lt;link href="./public/css/jqueryui/jquery-ui-...

    jQuery生成二维码插件.zip

    jQuery.qrcode插件支持两种渲染方式:canvas和div。Canvas是HTML5的一个元素,提供了在浏览器中绘制图形的能力,适合于动态生成和动画效果。而div则是HTML的基本布局元素,适用于不支持canvas的老旧浏览器。通过配置...

    插件jquery-ui-timepicker-addon.js

    jquery插件jquery-ui-timepicker-addon.j

    jQuery-barcode条形码二维码生成

    同样,大多数基于jQuery的条形码和二维码插件也致力于保持广泛的浏览器支持。然而,对于较旧的浏览器版本或非主流浏览器,可能需要额外的 polyfills 或调整以确保功能的完整性和性能。 总的来说,jQuery为我们提供...

    jquery.editable-select插件使用案例

    此为jquery.editable-select插件的使用案例,这是一款非常好用的插件,好用之处:既可下拉框选择也可手动输入,而且手动输入还能对下拉框选项进行过滤,而且还可实现一些相关事件,具体请查看官方文档。

    jquery-migrate-1.2.1.min.js

    jquery-migrate-1.2.1.min.js 在网上下载一些 js 插件使用的时候,经常出现这种情况。但是更换低版本 jquery,比如 ...所以 jquery-migrate-1.1.0.js 就是一个过渡插件 让你在原来代码上升级jquery 不用修改代码用的。

    jquery二维码

    本篇将详细介绍如何使用jQuery插件实现支持中文与字母的二维码功能。 首先,理解jQuery的核心概念是关键。jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互,使得开发者能更高效...

Global site tag (gtag.js) - Google Analytics