利用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 function代码
May 23 Javascript
JavaScript入门之事件、cookie、定时等
Oct 21 Javascript
jquery实现输入框动态增减的实例代码
Jul 14 Javascript
jquery中选择块并改变属性值的方法
Jul 31 Javascript
JavaScript的类型、值和变量小结
Jul 09 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
Mar 04 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
Mar 25 Javascript
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
Jan 18 Javascript
常用jQuery选择器汇总
Feb 02 Javascript
详解 vue better-scroll滚动插件排坑
Feb 08 Javascript
vue点击input弹出带搜索键盘并监听该元素的方法
Aug 25 Javascript
微信小程序实现搜索功能
Mar 10 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执行Curl时报错提示CURL ERROR: Recv failure: Connection reset by peer的解决方法
2014/06/26 PHP
PHP统计目录大小的自定义函数分享
2014/11/18 PHP
php删除数组指定元素实现代码
2017/05/03 PHP
PHP实现模拟http请求的方法分析
2017/12/20 PHP
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
2013/03/24 Javascript
JavaScript 处理Iframe自适应高度(同或不同域名下)
2013/03/29 Javascript
使用jquery选择器如何获取父级元素、同级元素、子元素
2014/05/14 Javascript
JavaScript生成的动态下雨背景效果实现方法
2015/02/25 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
2017/06/22 Javascript
详解vue.js移动端导航navigationbar的封装
2017/07/05 Javascript
cocos creator Touch事件应用(触控选择多个子节点的实例)
2017/09/10 Javascript
Vue数据绑定实例写法
2019/08/06 Javascript
使用kbone解决Vue项目同时支持小程序问题
2019/11/08 Javascript
原生js+ajax分页组件
2020/01/30 Javascript
基于JavaScript实现十五拼图代码实例
2020/04/26 Javascript
js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome
2020/10/01 Javascript
Django 浅谈根据配置生成SQL语句的问题
2018/05/29 Python
Python为何不能用可变对象作为默认参数的值
2019/07/01 Python
Nginx+Uwsgi+Django 项目部署到服务器的思路详解
2020/05/08 Python
基于Python把网站域名解析成ip地址
2020/05/25 Python
Python中SQLite如何使用
2020/05/27 Python
python实现AHP算法的方法实例(层次分析法)
2020/09/09 Python
python之随机数函数的实现示例
2020/12/30 Python
运动会入场式解说词
2014/02/18 职场文书
新品发布会主持词
2014/04/02 职场文书
房屋租赁协议书
2014/04/10 职场文书
酒店人事主管岗位职责
2015/04/11 职场文书
清明祭英烈活动总结
2015/05/11 职场文书
2015年酒店年度工作总结
2015/05/23 职场文书
实践论读书笔记
2015/06/29 职场文书
婚庆主持词大全
2015/06/30 职场文书
2016幼儿园毕业感言
2015/12/08 职场文书
2016年国庆节67周年活动总结
2016/04/01 职场文书
Nginx使用Lua模块实现WAF的原理解析
2021/09/04 Servers
HTML5 新增内容和 API详解
2021/11/17 HTML / CSS
php png失真的原因及解决办法
2021/11/17 PHP