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 相关文章推荐
Js sort排序使用方法
Oct 17 Javascript
div浮层,滚动条移动,位置保持不变的4种方法汇总
Dec 11 Javascript
jquery的总体架构分析及实现示例详解
Nov 08 Javascript
第一章之初识Bootstrap
Apr 25 Javascript
vue之nextTick全面解析
May 17 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
Jun 02 Javascript
JavaScript箭头函数_动力节点Java学院整理
Jun 28 Javascript
jQuery实现table表格信息的展开和缩小功能示例
Jul 21 jQuery
详解vue后台系统登录态管理
Apr 02 Javascript
ElementUI radio组件选中小改造
Aug 12 Javascript
微信小程序自定义顶部组件customHeader的示例代码
Jun 03 Javascript
微信小程序用户登录和登录态维护的实现
Dec 10 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
vBulletin HACK----显示话题大小和打开新窗口于论坛索引页
2006/10/09 PHP
PHP 类商品秒杀计时实现代码
2010/05/05 PHP
php+mysqli实现批量替换数据库表前缀的方法
2014/12/29 PHP
php里array_work用法实例分析
2015/07/13 PHP
Session 失效的原因汇总及解决丢失办法
2015/09/30 PHP
PHP验证码类ValidateCode解析
2017/01/07 PHP
PHP针对伪静态的注入总结【附asp与Python相关代码】
2017/08/01 PHP
详谈PHP中public,private,protected,abstract等关键字的用法
2017/12/31 PHP
JavaScript下通过的XMLHttpRequest发送请求的代码
2011/06/28 Javascript
JS实现div内部的文字或图片自动循环滚动代码
2013/04/19 Javascript
js实现仿百度汽车频道选择汽车图片展示实例
2015/05/06 Javascript
浅谈JS正则表达式的RegExp对象和括号的使用
2016/07/28 Javascript
轻松学习Javascript闭包
2017/03/01 Javascript
jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法
2017/03/08 Javascript
微信小程序实现两个页面传值的方法分析
2018/12/11 Javascript
Three.js实现3D机房效果
2018/12/30 Javascript
JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例
2019/05/17 Javascript
jqGrid表格底部汇总、合计行footerrow处理
2019/08/21 Javascript
js实现右键弹出自定义菜单
2020/09/08 Javascript
Numpy数据类型转换astype,dtype的方法
2018/06/09 Python
Mac中PyCharm配置Anaconda环境的方法
2020/03/04 Python
浅谈pymysql查询语句中带有in时传递参数的问题
2020/06/05 Python
Pycharm配置lua编译环境过程图解
2020/11/28 Python
Python 求向量的余弦值操作
2021/03/04 Python
html5 localStorage本地存储_动力节点Java学院整理
2017/07/06 HTML / CSS
俄罗斯小米家用电器、电子产品和智能家居商店:Poood.ru
2020/04/03 全球购物
工作疏忽检讨书
2014/01/25 职场文书
竞选班长演讲稿500字
2014/08/22 职场文书
镇人大副主席民主生活会对照检查材料思想汇报
2014/10/01 职场文书
卖房协议书样本
2014/10/30 职场文书
群众路线自我剖析及整改措施
2014/11/04 职场文书
学雷锋献爱心倡议书
2015/04/27 职场文书
放假通知怎么写
2015/08/18 职场文书
高中地理教学反思
2016/02/19 职场文书
MySQL面试题讲解之如何设置Hash索引
2021/11/01 MySQL
使用Python通过企业微信应用给企业成员发消息
2022/04/18 Python