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 相关文章推荐
jquery获取下拉列表的值为null的解决方法
Mar 18 Javascript
jQuery实现类似滑动门切换效果的层切换
Sep 23 Javascript
js判断一个字符串是否包含一个子串的方法
Jan 26 Javascript
JS+CSS实现的拖动分页效果实例
May 11 Javascript
chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
Oct 09 Javascript
Webpack中css-loader和less-loader的使用教程
Apr 27 Javascript
解决VUEX刷新的时候出现数据消失
Jul 03 Javascript
Angular2生命周期钩子函数的详细介绍
Jul 10 Javascript
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 jQuery
js核心基础之闭包的应用实例分析
May 11 Javascript
layui实现三级导航菜单
Jul 26 Javascript
vue通过v-html指令渲染的富文本无法修改样式的解决方案
May 20 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桌面中心(二) 数据库写入
2007/03/11 PHP
php采集文章中的图片获取替换到本地(实现代码)
2013/07/08 PHP
php+mysql数据库查询实例
2015/01/21 PHP
PHP实现登陆并抓取微信列表中最新一组微信消息的方法
2017/07/10 PHP
PHP按符号截取字符串的指定部分的实现方法
2018/09/10 PHP
javascript打开新窗口同时关闭旧窗口
2009/01/16 Javascript
JS学习之一个简易的日历控件
2010/03/24 Javascript
jQuery实现弹出带遮罩层的居中浮动窗口效果
2016/09/12 Javascript
JavaScript 动态三角函数实例详解
2017/01/08 Javascript
原生JS实现跑马灯效果
2017/02/20 Javascript
jQuery实现 上升、下降、删除、添加一行代码
2017/03/06 Javascript
红黑树的插入详解及Javascript实现方法示例
2018/03/26 Javascript
分享5个顶级的JavaScript Ajax组件库
2018/09/16 Javascript
JS实现简单的抽奖转盘效果示例
2019/02/16 Javascript
vue cli3.0 引入eslint 结合vscode使用
2019/05/27 Javascript
基于vue写一个全局Message组件的实现
2019/08/15 Javascript
js找出5个数中最大的一个数和倒数第二大的数实现方法示例小结
2020/03/04 Javascript
JavaScript观察者模式原理与用法实例详解
2020/03/10 Javascript
python连接池实现示例程序
2013/11/26 Python
Python实用技巧之列表、字典、集合中根据条件筛选数据详解
2018/07/11 Python
python实现点对点聊天程序
2018/07/28 Python
利用anaconda保证64位和32位的python共存
2021/03/09 Python
Python实现Keras搭建神经网络训练分类模型教程
2020/06/12 Python
详解如何修改python中字典的键和值
2020/09/29 Python
Python os库常用操作代码汇总
2020/11/03 Python
Window10上Tensorflow的安装(CPU和GPU版本)
2020/12/15 Python
python实现马丁策略回测3000只股票的实例代码
2021/01/22 Python
使用HTML5 Canvas为图片填充颜色和纹理的教程
2016/03/21 HTML / CSS
能否解释一下XSS cookie盗窃是什么意思
2012/06/02 面试题
超市国庆节促销方案
2014/02/20 职场文书
旅游市场营销方案
2014/03/09 职场文书
财产保全担保书范文
2014/04/01 职场文书
环保建议书200字
2014/05/14 职场文书
个人租房协议书样本
2014/10/01 职场文书
酒店办公室主任岗位职责
2015/04/01 职场文书
Nginx+Tomcat负载均衡多实例详解
2022/04/11 Servers