利用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 相关文章推荐
动态加载图片路径 保持JavaScript控件的相对独立性
Sep 06 Javascript
JS关闭窗口或JS关闭页面的几种代码分享
Oct 25 Javascript
AngularJS 所有版本下载地址
Sep 14 Javascript
Node.js利用Net模块实现多人命令行聊天室的方法
Dec 23 Javascript
AngularJS中使用three.js的实例详解
Jul 21 Javascript
JSON在Javascript中的使用(eval和JSON.parse的区别)详细解析
Sep 05 Javascript
jQuery实现的中英文切换功能示例
Jan 11 jQuery
详解jQuery中的getAll()和cleanData()
Apr 15 jQuery
原生JS实现列表内容自动向上滚动效果
May 22 Javascript
JS中的一些常用的函数式编程术语
Jun 15 Javascript
node.js中module模块的功能理解与用法实例分析
Feb 14 Javascript
jQuery编写QQ简易聊天框
Aug 27 jQuery
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+SQL 注入攻击的技术实现以及预防办法
2011/01/27 PHP
thinkPHP5.0框架整体架构总览【应用,模块,MVC,驱动,行为,命名空间等】
2017/03/25 PHP
PHP远程连接oracle数据库操作实现方法图文详解
2019/04/11 PHP
Js动态创建div
2008/09/25 Javascript
javascript获得CheckBoxList选中的数量
2009/10/27 Javascript
jquery动画1.加载指示器
2012/08/24 Javascript
纯Javascript实现ping功能的方法
2015/03/20 Javascript
jQuery往textarea中光标所在位置插入文本的方法
2015/06/26 Javascript
js计算文本框输入的字符数
2015/10/23 Javascript
使用vue.js开发时一些注意事项
2016/04/27 Javascript
微信开发 微信授权详解
2016/10/21 Javascript
jQuery制作图片旋转效果
2017/02/02 Javascript
jQuery表格的维护和删除操作
2017/02/03 Javascript
使用原生js+canvas实现模拟心电图的实例
2017/09/20 Javascript
JS实现点击下拉菜单把选择的内容同步到input输入框内的实例
2018/01/23 Javascript
微信小程序实现的动态设置导航栏标题功能示例
2019/01/31 Javascript
Vue2.x通用条件搜索组件的封装及应用详解
2019/05/28 Javascript
微信小程序开发摇一摇功能
2019/11/22 Javascript
基于javascript的无缝滚动动画实现2
2020/08/07 Javascript
wxPython 入门教程
2008/10/07 Python
对于Python异常处理慎用“except:pass”建议
2015/04/02 Python
pandas.dataframe中根据条件获取元素所在的位置方法(索引)
2018/06/07 Python
pytorch 数据集图片显示方法
2018/07/26 Python
python-itchat 获取微信群用户信息的实例
2019/02/21 Python
解决python3.5 正常安装 却不能直接使用Tkinter包的问题
2019/02/22 Python
Python数据类型之List列表实例详解
2019/05/08 Python
如何实现Django Rest framework版本控制
2019/07/25 Python
使用python实现unix2dos和dos2unix命令的例子
2019/08/13 Python
Python使用Slider组件实现调整曲线参数功能示例
2019/09/06 Python
python openvc 裁剪、剪切图片 提取图片的行和列
2019/09/19 Python
pytorch中图像的数据格式实例
2020/02/11 Python
电子商务个人自荐信
2013/12/12 职场文书
医学院校毕业生自荐信范文
2014/01/01 职场文书
质量保证书范本
2014/04/29 职场文书
小学生环保倡议书
2014/05/15 职场文书
学生病假条怎么写
2015/08/17 职场文书