jquery.qrcode在线生成二维码使用示例


Posted in Javascript onAugust 21, 2013

最近在做一个二维码的项目,所以在随便看的时候发现这个感觉挺不错的。jquery除了它自己非常出色的js功能之外还附带有数不清的插件,可以完成各种美好的效果和功能。jquery.qrcode就是其中一个,用来在线生成二维码。
qrcode插件在github上开源的地址在https://github.com/jeromeetienne/jquery-qrcode
它的后面附带有使用说明,只有简单的四步,非常方便的调用。

插件是外国人写的,所以在开始使用的时候不能识别中文内容的二维码,因为jquery.qrcode本身是采用charCodeAt()方式进行编码转换的。而这个方法默认会获取它的Unicode编码,如果有中文内容,在生成二维码前就要把字符串转换成UTF-8,然后再生成二维码。可以在页面中添加下面的函数来转换中文字符串:

function toUtf8(str) { 
var out, i, len, c; 
out = ""; 
len = str.length; 
for(i = 0; i < len; i++) { 
c = str.charCodeAt(i); 
if ((c >= 0x0001) && (c <= 0x007F)) { 
out += str.charAt(i); 
} else if (c > 0x07FF) { 
out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F)); 
out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F)); 
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F)); 
} else { 
out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F)); 
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F)); 
} 
} 
return out; 
}
Javascript 相关文章推荐
编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
Oct 29 Javascript
Jquery加载时从后台读取数据绑定到dropdownList实例
Jun 09 Javascript
Js,alert出现乱码问题的解决方法
Jun 19 Javascript
非常好用的JsonToString 方法 简单实例
Jul 18 Javascript
目前流行的JavaScript库的介绍及对比
Sep 29 Javascript
JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例
Jan 26 Javascript
Javascript 事件冒泡机制详细介绍
Oct 10 Javascript
js实现可旋转的立方体模型
Oct 16 Javascript
详解使用Next.js构建服务端渲染应用
Jul 10 Javascript
Vue Promise的axios请求封装详解
Aug 13 Javascript
es6函数之严格模式用法实例分析
Mar 17 Javascript
用webAPI实现图片放大镜效果
Nov 23 Javascript
jquery设置控件位置的方法
Aug 21 #Javascript
获取表单控件原始(初始)值的方法
Aug 21 #Javascript
Js放到HTML文件中的哪个位置有什么区别
Aug 21 #Javascript
使用jQuery避免鼠标双击的解决方案
Aug 21 #Javascript
jquery ready(fn)事件使用介绍
Aug 21 #Javascript
javaScript面向对象继承方法经典实现
Aug 20 #Javascript
Table冻结表头示例代码
Aug 20 #Javascript
You might like
新版PHP将向Java靠拢
2006/10/09 PHP
UCenter 批量添加用户的php代码
2012/07/17 PHP
PHP cdata 处理(详细介绍)
2013/07/05 PHP
PHP中执行cmd命令的方法
2014/10/11 PHP
PHP使用socket发送HTTP请求的方法
2016/02/14 PHP
PHP使用Redis替代文件存储Session的方法
2017/02/15 PHP
PHP 中魔术常量的实例详解
2017/10/26 PHP
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
2010/10/26 Javascript
jquery异步调用页面后台方法&amp;#8207;(asp.net)
2011/03/01 Javascript
jQuery操作input type=radio的实现代码
2012/06/14 Javascript
js中settimeout方法加参数的使用实例
2014/02/27 Javascript
javascript的propertyIsEnumerable()方法使用介绍
2014/04/09 Javascript
JavaScript中setMonth()方法的使用详解
2015/06/11 Javascript
JavaScript手机振动API
2016/06/11 Javascript
JS中使用FormData上传文件、图片的方法
2016/08/07 Javascript
微信小程序之拖拽排序(代码分享)
2017/01/21 Javascript
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
2017/06/26 jQuery
input type=file 选择图片并且实现预览效果的实例
2017/10/26 Javascript
详解javascript中var与ES6规范中let、const区别与用法
2020/01/11 Javascript
用yum安装MySQLdb模块的步骤方法
2016/12/15 Python
Python中的命令行参数解析工具之docopt详解
2017/03/27 Python
使用 Python 实现简单的 switch/case 语句的方法
2018/09/17 Python
简单谈谈python基本数据类型
2018/09/26 Python
Python获取统计自己的qq群成员信息的方法
2019/11/15 Python
通过代码实例了解Python sys模块
2020/09/14 Python
Python使用socket_TCP实现小文件下载功能
2020/10/09 Python
美国蔬菜和植物种子公司:Burpee
2017/02/01 全球购物
美国最好的葡萄酒网上商店:Wine Library
2019/11/02 全球购物
Three Graces London官网:英国奢侈品牌
2021/03/18 全球购物
【魔兽争霸3重制版】原版画面与淬火MOD画面对比
2021/03/26 魔兽争霸
零件设计自荐信范文
2013/11/27 职场文书
入党自我鉴定
2014/03/25 职场文书
授权委托书格式模板
2014/04/03 职场文书
初中学校对照检查材料
2014/08/19 职场文书
励志广播稿300字(5篇)
2014/09/15 职场文书
Django实现WebSocket在线聊天室功能(channels库)
2021/09/25 Python