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动画之圆形运动,环绕鼠标运动作小球
Jul 20 Javascript
javascript中对Attr(dom中属性)的操作示例讲解
Dec 02 Javascript
JSF中confirm弹出框的用法示例介绍
Jan 07 Javascript
javascript日期比较方法实例分析
Jun 17 Javascript
Bootstrap轮播插件简单使用方法介绍
Jun 21 Javascript
jstree单选功能的实现方法
Jun 07 Javascript
javascript 玩转Date对象(实例讲解)
Jul 11 Javascript
JavaScript实现多重继承的方法分析
Jan 09 Javascript
echarts整合多个类似option的方法实例
Jul 10 Javascript
webpack打包多页面的方法
Nov 30 Javascript
highcharts.js数据绑定方式代码实例
Nov 13 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
Jan 28 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
初学者入门:细述PHP4的核心Zend
2006/09/05 PHP
关于url地址传参数时字符串有回车造成页面脚本赋值失败的解决方法
2013/06/28 PHP
php+MySQL判断update语句是否执行成功的方法
2014/08/28 PHP
php+jQuery实现的三级导航栏下拉菜单显示效果
2017/08/10 PHP
python进程与线程小结实例分析
2018/11/11 PHP
javascript分页代码实例分享(js分页)
2013/12/13 Javascript
jquery下div 的resize事件示例代码
2014/03/09 Javascript
使用node.js 制作网站前台后台
2014/11/13 Javascript
JS动态加载当前时间的方法
2015/02/09 Javascript
javascript实现当前页导航激活的方法
2015/02/27 Javascript
JQuery插件ajaxfileupload.js异步上传文件实例
2015/05/19 Javascript
JavaScript实现网站访问次数统计代码
2015/08/12 Javascript
详解JS去重及字符串奇数位小写转大写
2016/12/29 Javascript
Bootstrap的popover(弹出框)2秒后定时消失的实现代码
2017/02/27 Javascript
vue.js组件vue-waterfall-easy实现瀑布流效果
2017/08/22 Javascript
JS中通过url动态获取图片大小的方法小结(两种方法)
2018/10/31 Javascript
Vue中的vue-resource示例详解
2018/11/02 Javascript
React降级配置及Ant Design配置详解
2018/12/27 Javascript
layer页面跳转,获取html子节点元素的值方法
2019/09/27 Javascript
微信小程序实现侧边栏分类
2019/10/21 Javascript
微信小程序弹窗禁止页面滚动的实现代码
2020/12/30 Javascript
[02:22:36]《加油!DOTA》总决赛
2014/09/19 DOTA
用Python的Django框架完成视频处理任务的教程
2015/04/02 Python
Python单例模式实例详解
2017/03/01 Python
Python与R语言的简要对比
2017/11/14 Python
Pandas:DataFrame对象的基础操作方法
2018/06/07 Python
Windows下Anaconda安装、换源与更新的方法
2020/04/17 Python
pycharm 使用tab跳出正在编辑的括号(){}{}等问题
2021/02/26 Python
image-set实现Retina屏幕下图片显示详细介绍
2012/12/24 HTML / CSS
拥有超过850家商店的美国在线派对商店:Party City
2018/10/21 全球购物
六十大寿答谢词
2014/01/12 职场文书
三八活动策划方案
2014/08/17 职场文书
会计实训报告范文
2014/11/04 职场文书
旷工检讨书大全
2015/08/15 职场文书
详解MySQL 用户权限管理
2021/04/20 MySQL
Python机器学习之决策树和随机森林
2021/07/15 Javascript