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 相关文章推荐
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
Mar 04 Javascript
javascript中style.left和offsetLeft的用法说明
Mar 07 Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
Dec 03 Javascript
node.js require() 源码解读
Dec 13 Javascript
浅谈js中子页面父页面方法 变量相互调用
Aug 04 Javascript
BootStrop前端框架入门教程详解
Dec 25 Javascript
js实现方块上下左右移动效果
Aug 17 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
Oct 12 Javascript
vue项目打包之后背景样式丢失的解决方案
Jan 17 Javascript
vue实现移动端轻量日期组件不依赖第三方库的方法
Apr 28 Javascript
微信小程序select下拉框实现效果
May 15 Javascript
vue设置全局访问接口API地址操作
Aug 14 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
Extended CHM PHP 语法手册之 DIY
2006/10/09 PHP
php数组应用之比较两个时间的相减排序
2008/08/18 PHP
thinkphp浏览历史功能实现方法
2014/10/29 PHP
php实现mysql备份恢复分卷处理的方法
2014/12/26 PHP
如何实现php图片等比例缩放
2015/07/28 PHP
php使用gzip压缩传输js和css文件的方法
2015/07/29 PHP
php连接oracle数据库的方法(测试成功)
2016/05/26 PHP
PHP实现重载的常用方法实例详解
2017/10/18 PHP
php正确输出json数据的实例讲解
2018/08/21 PHP
php生成HTML文件的类方法
2019/10/11 PHP
Javascript客户端将指定区域导出到Word、Excel的代码
2008/10/22 Javascript
使用EXT实现无刷新动态调用股票信息
2008/11/01 Javascript
JavaScript中的作用域链和闭包
2012/06/30 Javascript
JavaScript代码复用模式实例分析
2012/12/02 Javascript
ext combobox动态加载数据库数据(附前后台)
2014/06/17 Javascript
Nodejs关于gzip/deflate压缩详解
2015/03/04 NodeJs
JS+CSS实现六级网站导航主菜单效果
2015/09/28 Javascript
深入理解选择框脚本[推荐]
2016/12/13 Javascript
vue-resource 拦截器使用详解
2017/02/21 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(一)
2017/05/11 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
2018/12/10 Javascript
[01:45]DOTA2新英雄“神谕者”全方位展示
2014/11/21 DOTA
python模拟登陆阿里妈妈生成商品推广链接
2014/04/03 Python
Python fileinput模块使用实例
2015/05/28 Python
在SAE上部署Python的Django框架的一些问题汇总
2015/05/30 Python
Linux上安装Python的PIL和Pillow库处理图片的实例教程
2016/06/23 Python
python爬取网页转换为PDF文件
2018/06/07 Python
解决pandas中读取中文名称的csv文件报错的问题
2018/07/04 Python
python 地图经纬度转换、纠偏的实例代码
2018/08/06 Python
CSS3中的@keyframes关键帧动画的选择器绑定
2016/06/13 HTML / CSS
在线学习西班牙语、法语或其他语言:Babbel.com
2018/02/07 全球购物
DELPHI面试题研发笔试试卷
2015/11/08 面试题
上班上网检讨书
2014/01/29 职场文书
项目合作意向书范本
2014/04/01 职场文书
面试通知单大全
2015/04/20 职场文书
Python 中 Shutil 模块详情
2021/11/11 Python