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,有空研究学习下
Jan 25 Javascript
Javascript Throttle &amp; Debounce应用介绍
Mar 19 Javascript
jquery判断复选框是否选中进行答题提示特效
Dec 10 Javascript
又一款js时钟!transform实现时钟效果
Aug 15 Javascript
jQuery扩展+xml实现表单验证功能的方法
Dec 25 Javascript
JS实现队列的先进先出功能示例
May 10 Javascript
jQuery实现可兼容IE6的遮罩功能详解
Sep 19 jQuery
前端必备插件之纯原生JS的瀑布流插件Macy.js
Nov 22 Javascript
详解jquery和vue对比
Apr 16 jQuery
Vue实现日历小插件
Jun 26 Javascript
JavaScript简单编程实例学习
Feb 14 Javascript
javascript canvas实现简易时钟例子
Sep 05 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中的正规表达式(一)
2006/10/09 PHP
PHP常用的文件操作函数经典收藏
2013/04/02 PHP
基于jquery的文章中所有图片width大小批量设置方法
2013/08/01 Javascript
鼠标滑在标题上显示图片的JS代码
2013/11/19 Javascript
调用HttpHanlder的几种返回方式小结
2013/12/20 Javascript
jquery 按键盘上的enter事件
2014/05/11 Javascript
最短的IE判断var ie=!-[1,]分析
2014/05/28 Javascript
jquery实现仿新浪微博评论滚动效果
2015/08/06 Javascript
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
2015/09/17 Javascript
理解javascript中try...catch...finally
2015/12/25 Javascript
实例详解ECMAScript5中新增的Array方法
2016/04/05 Javascript
Javascript使用uploadify来实现多文件上传
2016/11/16 Javascript
js获取ip和地区
2017/03/10 Javascript
JS原生带小白点轮播图实例讲解
2017/07/22 Javascript
浅谈Vue的加载顺序探讨
2017/10/25 Javascript
react实现菜单权限控制的方法
2017/12/11 Javascript
详解layui弹窗父子窗口之间传参数的方法
2018/01/16 Javascript
详解如何写出一个利于扩展的vue路由配置
2019/05/16 Javascript
python的即时标记项目练习笔记
2014/09/18 Python
利用Celery实现Django博客PV统计功能详解
2017/05/08 Python
python调用系统ffmpeg实现视频截图、http发送
2018/03/06 Python
python 对类的成员函数开启线程的方法
2019/01/22 Python
Python面向对象之类和实例用法分析
2019/06/08 Python
Python3 requests文件下载 期间显示文件信息和下载进度代码实例
2019/08/16 Python
Flask框架 CSRF 保护实现方法详解
2019/10/30 Python
logging level级别介绍
2020/02/21 Python
python+gdal+遥感图像拼接(mosaic)的实例
2020/03/10 Python
详解基于Scrapy的IP代理池搭建
2020/09/29 Python
阿里云:Aliyun.com
2017/02/15 全球购物
物业保安主管岗位职责
2013/12/25 职场文书
大学新生军训感言
2014/02/25 职场文书
《从现在开始》教学反思
2014/04/15 职场文书
文明生主要事迹
2014/05/25 职场文书
文明礼仪标语
2014/06/13 职场文书
用 Python 元类的特性实现 ORM 框架
2021/05/19 Python
Java使用httpRequest+Jsoup爬取红蓝球号码
2021/07/02 Java/Android