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 asp.net 获取当前超链接中的文本
Apr 14 Javascript
使用按钮控制以何种方式打开新窗口的属性介绍
Dec 17 Javascript
基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
Apr 26 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
Jan 31 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
Aug 18 Javascript
用原生JS获取CLASS对象(很简单实用)
Oct 15 Javascript
JS实现超精简响应鼠标显示二级菜单代码
Sep 12 Javascript
JS开发中百度地图+城市联动实现实时触发查询地址功能
Apr 13 Javascript
浅谈Emergence.js 检测元素可见性的 js 插件
Nov 18 Javascript
微信小程序实战篇之购物车的实现代码示例
Nov 30 Javascript
jQuery Datatables 动态列+跨列合并实现代码
Jan 30 jQuery
mpvue网易云短信接口实现小程序短信登录的示例代码
Apr 03 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
Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别
2009/11/12 Javascript
一个简单的JavaScript数据缓存系统实现代码
2010/10/24 Javascript
jquery调用asp.net 页面后台的实现代码
2011/04/27 Javascript
简单实例处理url特殊符号&amp;处理(2种方法)
2013/04/02 Javascript
JavaScript中奇葩的假值示例应用
2014/03/11 Javascript
jQuery中:last-child选择器用法实例
2014/12/31 Javascript
jQuery中on()方法用法实例详解
2015/02/06 Javascript
JavaScript 模块的循环加载实现方法
2015/12/13 Javascript
前端设计师们最常用的JS代码汇总
2016/09/25 Javascript
详解VUE中v-bind的基本用法
2017/07/13 Javascript
JS原生带小白点轮播图实例讲解
2017/07/22 Javascript
用Webpack构建Vue项目的实践
2017/11/07 Javascript
vue router+vuex实现首页登录验证判断逻辑
2018/05/17 Javascript
koa2 从入门到精通(小结)
2019/07/23 Javascript
微信小程序用canvas画图并分享
2020/03/09 Javascript
vue3.0生命周期的示例代码
2020/09/24 Javascript
JavaScript如何实现防止重复的网络请求的示例
2021/01/28 Javascript
python 正则表达式 概述及常用字符
2009/05/04 Python
初步剖析C语言编程中的结构体
2016/01/16 Python
Django数据库连接丢失问题的解决方法
2018/12/29 Python
python查看文件大小和文件夹内容的方法
2019/07/08 Python
django 控制页面跳转的例子
2019/08/06 Python
tensorflow 大于某个值为1,小于为0的实例
2020/06/30 Python
python入门教程之基本算术运算符
2020/11/13 Python
python中time.ctime()实例用法
2021/02/03 Python
自荐信结尾
2013/10/27 职场文书
销售副总经理岗位职责
2013/12/11 职场文书
办公室主任主任岗位责任制
2014/02/11 职场文书
天猫某品牌专卖店运营计划书
2014/03/21 职场文书
小学生安全演讲稿
2014/04/25 职场文书
小学校园文化建设汇报材料
2014/08/19 职场文书
党员群众路线对照检查材料思想汇报
2014/09/17 职场文书
买房子个人收入证明
2014/10/12 职场文书
未婚证明格式
2015/06/15 职场文书
考生诚信考试承诺书(2016版)
2016/03/25 职场文书
开发微信小程序之WXSS样式教程
2022/04/18 HTML / CSS