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 中令人困惑的变量赋值
Aug 13 Javascript
JS面向对象编程之对象使用分析
Aug 19 Javascript
利用浏览器全屏api实现js全屏
Jan 16 Javascript
使用jQuery简单实现模拟浏览器搜索功能
Dec 21 Javascript
JavaScript使用Prototype实现面向对象的方法
Apr 14 Javascript
jquery实现动态改变div宽度和高度
May 08 Javascript
js+css3实现旋转效果
Jan 20 Javascript
js链表操作(实例讲解)
Aug 29 Javascript
基于node打包可执行文件工具_Pkg使用心得分享
Jan 24 Javascript
JavaScript原型对象、构造函数和实例对象功能与用法详解
Aug 04 Javascript
彻底揭秘keep-alive原理(小结)
May 05 Javascript
基于better-scroll 实现歌词联动功能的代码
May 07 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数组对百万数据进行排除重复数据的实现代码
2010/06/08 PHP
yii框架源码分析之创建controller代码
2011/06/28 PHP
php可应用于面包屑导航的递归寻找家谱树实现方法
2015/02/02 PHP
PHP实现长文章分页实例代码(附源码)
2016/02/03 PHP
Netbeans 8.2将支持PHP7 更精彩
2016/06/13 PHP
学习PHP Cookie处理函数
2016/08/09 PHP
php文件上传 你真的掌握了吗
2016/11/28 PHP
jQuery中的常用事件总结
2009/12/27 Javascript
javascript中拼接HTML字符串的最快、最好的方法
2014/06/07 Javascript
jquery使用经验小结
2015/05/20 Javascript
JQuery中ajax方法访问web服务实例
2015/07/18 Javascript
EasyUi combotree 实现动态加载树节点
2016/04/01 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
2016/09/13 Javascript
EasyUI学习之Combobox级联下拉列表(2)
2016/12/29 Javascript
JS实现图片放大缩小的方法
2017/02/15 Javascript
nodejs个人博客开发第四步 数据模型
2017/04/12 NodeJs
Nodejs调用WebService的示例代码
2017/09/29 NodeJs
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
2018/08/25 Javascript
React降级配置及Ant Design配置详解
2018/12/27 Javascript
JS如何在不同平台实现多语言方式
2020/07/16 Javascript
python 输出一个两行字符的变量
2009/02/05 Python
python实现的各种排序算法代码
2013/03/04 Python
Python实现LRU算法的2种方法
2015/06/24 Python
Python基于matplotlib绘制栈式直方图的方法示例
2017/08/09 Python
Django 实现下载文件功能的示例
2018/03/06 Python
PyTorch搭建多项式回归模型(三)
2019/05/22 Python
django 2.2和mysql使用的常见问题
2019/07/18 Python
Python TCP通信客户端服务端代码实例
2019/11/21 Python
python,Java,JavaScript实现indexOf
2020/09/09 Python
HTML5实现音频和视频嵌入的方法
2018/08/22 HTML / CSS
大四毕业生学习总结的自我评价
2013/10/31 职场文书
文明餐桌行动实施方案
2014/02/19 职场文书
《夜晚的实验》教学反思
2014/02/19 职场文书
详解Redis复制原理
2021/06/04 Redis
Nginx+Tomcat负载均衡集群的实现示例
2021/10/24 Servers
浅谈Redis 中的过期删除策略和内存淘汰机制
2022/04/03 Redis