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 Array对象基础知识小结
Nov 16 Javascript
Javascript中判断变量是数组还是对象(array还是object)
Aug 14 Javascript
jQuery客户端分页实例代码
Nov 18 Javascript
js父窗口关闭时子窗口随之关闭完美解决方案
Apr 29 Javascript
jquery的clone方法应用于textarea和select的bug修复
Jun 26 Javascript
AngularJS自动表单验证
Feb 01 Javascript
AngularJS入门教程之Helloworld示例
Dec 25 Javascript
解决vue中修改export default中脚本报一大堆错的问题
Aug 27 Javascript
vue-cli系列之vue-cli-service整体架构浅析
Jan 14 Javascript
vue 开发之路由配置方法详解
Dec 02 Javascript
Jquery 获取相同NAME 或者id删除行操作
Aug 24 jQuery
实现一个简单得数据响应系统
Nov 11 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
帅气的琦玉老师
2020/03/02 日漫
php的memcache类分享(memcache队列)
2014/03/26 PHP
利用PHP实现开心消消乐的算法示例
2017/10/12 PHP
为原生js Array增加each方法
2012/04/07 Javascript
html向js方法传递参数具体实现
2013/08/08 Javascript
js 判断图片是否加载完以及实现图片的预下载
2014/08/14 Javascript
纯js实现仿QQ邮箱弹出确认框
2015/04/29 Javascript
jQuery团购倒计时特效实现方法
2015/05/07 Javascript
创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
2016/06/02 Javascript
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
2016/10/30 Javascript
JavaScript ES6中export、import与export default的用法和区别
2017/03/14 Javascript
JavaScript函数绑定用法实例分析
2017/11/14 Javascript
javascript、php关键字搜索函数的使用方法
2018/05/29 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
2018/11/27 Javascript
JS中getElementsByClassName与classList兼容性问题解决方案分析
2019/08/07 Javascript
vue-mugen-scroll组件实现pc端滚动刷新
2019/08/16 Javascript
js实现蒙版效果
2020/01/11 Javascript
详解vue v-model
2020/08/31 Javascript
[06:37]2014DOTA2国际邀请赛 昔日王者渴望重回巅峰
2014/07/12 DOTA
[51:15]完美世界DOTA2联赛PWL S2 PXG vs Magma 第一场 11.21
2020/11/24 DOTA
从django的中间件直接返回请求的方法
2018/05/30 Python
Python 复平面绘图实例
2019/11/21 Python
Python趣味入门教程之循环语句while
2020/08/26 Python
详解Selenium-webdriver绕开反爬虫机制的4种方法
2020/10/28 Python
法国滑雪假期的专家:Ski Planet
2019/11/02 全球购物
电子信息专业学生自荐信
2013/11/09 职场文书
求职简历自荐信
2014/06/18 职场文书
业务员工作态度散漫检讨书
2014/11/02 职场文书
党员转正介绍人意见
2015/06/03 职场文书
好人好事新闻稿
2015/07/17 职场文书
装修安全责任协议书
2016/03/22 职场文书
2016年党员公开承诺书范文
2016/03/24 职场文书
导游词之澳门玫瑰圣母堂
2019/12/03 职场文书
pandas提升计算效率的一些方法汇总
2021/05/30 Python
vue如何实现关闭对话框后刷新列表
2022/04/08 Vue.js
MySQL的存储过程和相关函数
2022/04/26 MySQL