利用jquery包将字符串生成二维码图片


Posted in Javascript onSeptember 12, 2013

将一个字符串(可以是中文,在生成二维码图片之前将中文转码)生成二维码图片,如果想要带log的二维码,可以在生成后的二维码中间部位自己添加一个小log,log图片不要太大,不然就扫描不出内容了。

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<title></title> 

<script src="js/jquery-1.8.3.js" type="text/javascript"></script> 

<script src="js/qrcode.js" type="text/javascript"></script> 

<script src="js/jquery.qrcode.js" type="text/javascript"></script> 

<script type="text/javascript"> 

$(function () { 

$("#bt").bind("click", function () { 

text = $("#text").val(); 

$("#div_div").qrcode(utf16to8(text)); 
}) 

}) 

function utf16to8(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; 

} 

</script> 

</head> 

<body> 

<input type="text" id="text" /> 

<input type="button" value="shengc" id="bt" /> 

<div id="div_div" style="width:400px;height:400px;border:1px solid #000;"></div> 

</body> 

</html>

这里引用了三个js包,其中一个是jquery包,这个随便版本,另外两个就是画二维码用的js包了。

js包下载http://download.csdn.net/detail/anxin591025/6254607

PS:这里再提供一个本站的二维码生成工具加强版(带logo与各种定制功能)供大家使用:

Javascript 相关文章推荐
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
Mar 20 Javascript
让ie运行js时提示允许阻止内容运行的解决方法
Oct 24 Javascript
cument.execCommand()用法深入理解
Dec 04 Javascript
鼠标划过实现延迟加载并隐藏层的js代码
Oct 11 Javascript
JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
Oct 17 Javascript
javascript验证邮件地址和MX记录的方法
Jun 16 Javascript
jQuery中$.ajax()和$.getJson()同步处理详解
Aug 12 Javascript
Bootstrap Chart组件使用教程
Apr 28 Javascript
Javascript小技能总结(推荐)
Jun 02 Javascript
使用jquery.qrcode.js生成二维码插件
Oct 17 Javascript
深入浅析angular和vue还有jquery的区别
Aug 13 jQuery
3分钟了解vue数据劫持的原理实现
May 01 Javascript
JQuery实现鼠标滑过显示导航下拉列表
Sep 12 #Javascript
JQuery加载图片自适应固定大小的DIV
Sep 12 #Javascript
JS鼠标滑过图片时切换图片实现思路
Sep 12 #Javascript
jQuery实现图片放大预览实现原理及代码
Sep 12 #Javascript
jquery foreach使用示例
Sep 12 #Javascript
jquery 追加tr和删除tr示例代码
Sep 12 #Javascript
实现只能输入数字的input不用replace方法
Sep 12 #Javascript
You might like
php htmlspecialchars加强版
2010/02/16 PHP
php浏览历史记录的方法
2015/03/10 PHP
php准确计算复活节日期的方法
2015/04/18 PHP
thinkphp3.2中实现phpexcel导出带生成图片示例
2017/02/14 PHP
PHP编程获取图片的主色调的方法【基于Imagick扩展】
2017/08/02 PHP
js列举css中所有图标的实现代码
2011/07/04 Javascript
jquery增加时编辑jqGrid(实例代码)
2013/11/08 Javascript
jquery交替变换颜色的三种方法 实例代码
2013/11/19 Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
2014/01/09 Javascript
javascript初学者常用技巧
2014/09/02 Javascript
实例分析javascript中的call()和apply()方法
2014/11/28 Javascript
详谈javascript中的cookie
2015/06/03 Javascript
JavaScript中的Math.LOG2E属性使用详解
2015/06/14 Javascript
JavaScript下的时间格式处理函数Date.prototype.format
2016/01/27 Javascript
Bootstrap Validator 表单验证
2016/07/25 Javascript
jQuery实现自动调用和触发某个事件的方法
2016/11/18 Javascript
JS实现留言板功能[楼层效果展示]
2017/12/27 Javascript
详解Vue中watch的高级用法
2018/05/02 Javascript
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
2019/02/27 jQuery
JS+CSS3实现的简易钟表效果示例
2019/04/13 Javascript
JS使用正则表达式实现常用的表单验证功能分析
2020/04/30 Javascript
vue键盘事件点击事件加native操作
2020/07/27 Javascript
[00:33]DOTA2上海特级锦标赛 CDEC战队宣传片
2016/03/04 DOTA
github配置使用指南
2014/11/18 Python
python实现二维码扫码自动登录淘宝
2016/12/27 Python
Python如何快速上手? 快速掌握一门新语言的方法
2017/11/14 Python
python根据unicode判断语言类型实例代码
2018/01/17 Python
Python redis操作实例分析【连接、管道、发布和订阅等】
2019/05/16 Python
python 实现从高分辨图像上抠取图像块
2020/01/02 Python
python自动化办公操作PPT的实现
2021/02/05 Python
美国最好的葡萄酒网上商店:Wine Library
2019/11/02 全球购物
介绍一下游标
2012/01/10 面试题
文秘专业应届生求职信
2014/05/26 职场文书
财务务虚会发言材料
2014/10/20 职场文书
2015年电信员工工作总结
2015/05/26 职场文书
毕业论文答辩演讲稿
2015/06/23 职场文书