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 相关文章推荐
在Windows上安装Node.js模块的方法
Sep 25 Javascript
关于js new Date() 出现NaN 的分析
Oct 23 Javascript
js二维数组定义和初始化的三种方法总结
Mar 03 Javascript
jquery手风琴特效插件
Feb 04 Javascript
在Node.js应用中读写Redis数据库的简单方法
Jun 30 Javascript
AngularGauge 属性解析详解
Sep 06 Javascript
node.js 抓取代理ip实例代码
Apr 30 Javascript
JavaScript反弹动画效果的实现代码
Jul 13 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
Jul 21 Javascript
这应该是最详细的响应式系统讲解了
Jul 22 Javascript
基于原生JS封装的Modal对话框插件的示例代码
Sep 09 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
Sep 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
php &amp;&amp; 逻辑与运算符使用说明
2010/03/04 PHP
PHP编码规范之注释和文件结构说明
2010/07/09 PHP
完美解决令人抓狂的zend studio 7代码提示(content Assist)速度慢的问题
2013/06/20 PHP
深入解析PHP 5.3.x 的strtotime() 时区设定 警告信息修复
2013/08/05 PHP
PHP制作图形验证码代码分享
2014/10/23 PHP
php实现在服务器上创建目录的方法
2015/03/16 PHP
基于PHP实现商品成交时发送短信功能
2016/05/11 PHP
PHP基于SMTP协议实现邮件发送实例代码
2017/04/27 PHP
在云虚拟主机部署thinkphp5项目的步骤详解
2017/12/21 PHP
JavaScript this 深入理解
2009/07/30 Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件打包下载
2010/09/15 Javascript
js使下拉列表框可编辑不止是选择
2013/12/12 Javascript
jQuery实现将div中滚动条滚动到指定位置的方法
2016/08/10 Javascript
JavaScript获取中英文混合字符串长度的方法示例
2017/02/04 Javascript
jQuery实现的事件绑定功能基本示例
2017/10/11 jQuery
jquery判断滚动条距离顶部的距离方法
2018/09/05 jQuery
npm scripts 使用指南详解
2018/10/08 Javascript
[37:45]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS Orenda
2014/05/22 DOTA
python使用新浪微博api上传图片到微博示例
2014/01/10 Python
python学习之面向对象【入门初级篇】
2017/01/21 Python
Python 专题四 文件基础知识
2017/03/20 Python
Go/Python/Erlang编程语言对比分析及示例代码
2018/04/23 Python
python+unittest+requests实现接口自动化的方法
2018/11/29 Python
浅谈python 导入模块和解决文件句柄找不到问题
2018/12/15 Python
python paramiko利用sftp上传目录到远程的实例
2019/01/03 Python
Python3.5面向对象与继承图文实例详解
2019/04/24 Python
python实现密码验证合格程序的思路详解
2020/06/01 Python
虚拟机下载python是否需要联网
2020/07/27 Python
Python使用shutil模块实现文件拷贝
2020/07/31 Python
Skyscanner英国:苏格兰的全球三大领先航班搜索服务之一
2017/11/09 全球购物
妇产科护士自我鉴定
2013/10/15 职场文书
黄金搭档广告词
2014/03/21 职场文书
商务日语专业的自荐信
2014/05/23 职场文书
社区助残日活动总结
2014/08/29 职场文书
党员个人党性分析材料
2014/12/18 职场文书
实习单位指导教师评语
2014/12/30 职场文书