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 相关文章推荐
alert中断settimeout计时功能
Jul 26 Javascript
JS常用表单验证方法总结
May 22 Javascript
jQuery焦点控制图层展示延迟隐藏的方法
Mar 09 Javascript
jquery简单的弹出层浮动层代码
Apr 27 Javascript
jQuery EasyUI Dialog拖不下来如何解决
Sep 28 Javascript
WordPress 单页面上一页下一页的实现方法【附代码】
Mar 10 Javascript
Js与Jq获取浏览器和对象值的方法
Mar 18 Javascript
Node.js DES加密的简单实现
Jul 07 Javascript
JavaScript动态添加事件之事件委托
Jul 12 Javascript
JS简单实现表格排序功能示例
Dec 20 Javascript
jQuery插件jsonview展示json数据
May 26 jQuery
Vue 动态添加路由及生成菜单的方法示例
Jun 20 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字符串中特殊符号的过滤方法介绍
2014/02/18 PHP
详解WordPress中创建和添加过滤器的相关PHP函数
2015/12/29 PHP
PHP微信开发之文本自动回复
2016/06/23 PHP
JS模板实现方法
2013/04/03 Javascript
jQuery回车实现登录简单实现
2013/08/20 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
2014/03/05 Javascript
js 通过html()及text()方法获取并设置p标签的显示值
2014/05/14 Javascript
Node.js安装教程和NPM包管理器使用详解
2014/08/16 Javascript
JS中处理时间之setUTCMinutes()方法的使用
2015/06/12 Javascript
自制简易打赏功能的实例
2017/09/02 Javascript
在vue中获取微信支付code及code被占用问题的解决方法
2019/04/16 Javascript
详解VUE前端按钮权限控制
2019/04/26 Javascript
javascript实现简单打字游戏
2019/10/29 Javascript
原生jQuery实现只显示年份下拉框
2020/12/24 jQuery
centos系统升级python 2.7.3
2014/07/03 Python
深入讲解Python函数中参数的使用及默认参数的陷阱
2016/03/13 Python
Python处理JSON数据并生成条形图
2016/08/05 Python
通过Python 获取Android设备信息的轻量级框架
2017/12/18 Python
使用Python读取安卓手机的屏幕分辨率方法
2018/03/31 Python
详解python中list的使用
2019/03/15 Python
如何基于python实现不邻接植花
2020/05/01 Python
Python常用类型转换实现代码实例
2020/07/28 Python
python飞机大战游戏实例讲解
2020/12/04 Python
纯CSS3实现圆角效果(含IE兼容解决方法)
2014/05/07 HTML / CSS
德国骆驼商店:ActiveFashionWorld
2017/11/18 全球购物
美国知名平价彩妆品牌:e.l.f. Cosmetics
2017/11/20 全球购物
获取邓白氏信用报告:Dun & Bradstreet
2019/01/22 全球购物
八一慰问活动方案
2014/02/07 职场文书
销售员求职个人的自我评价
2014/02/19 职场文书
自荐信的基本格式
2014/02/22 职场文书
竞选卫生委员演讲稿
2014/04/28 职场文书
企业文化口号
2014/06/12 职场文书
交通事故协议书范本
2014/11/18 职场文书
会议开幕致辞怎么写
2016/03/03 职场文书
工作建议书范文
2019/07/08 职场文书
SQL Server中的逻辑函数介绍
2022/05/25 SQL Server