利用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 相关文章推荐
js 点击页面其他地方关闭弹出层(示例代码)
Dec 24 Javascript
怎么判断js脚本加载完成
Feb 28 Javascript
JS 获取浏览器和屏幕宽高等信息代码
Mar 31 Javascript
浅谈Javascript的静态属性和原型属性
May 07 Javascript
详解JavaScript中常用的函数类型
Nov 18 Javascript
JSON遍历方式实例总结
Dec 07 Javascript
基于javascript html5实现多文件上传
Mar 03 Javascript
JS获取屏幕高度的简单实现代码
May 24 Javascript
微信小程序 loading(加载中提示框)实例
Oct 28 Javascript
Vue 监听列表item渲染事件方法
Sep 06 Javascript
深入理解react 组件类型及使用场景
Mar 07 Javascript
如何开发一个渐进式Web应用程序PWA
May 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
使用adodb lite解决问题
2006/12/31 PHP
PHP获取搜索引擎关键字来源的函数(支持百度和谷歌等搜索引擎)
2012/10/03 PHP
php全角字符转换为半角函数
2014/02/07 PHP
判断iframe是否加载完成的完美方法
2010/01/07 Javascript
基于json的jquery地区联动效果代码
2011/07/06 Javascript
用JavaScript仿PS里的羽化效果代码
2011/12/20 Javascript
基于jquery的点击链接插入链接内容的代码
2012/07/31 Javascript
Node.js插件的正确编写方式
2014/08/03 Javascript
js对象的复制继承实例
2015/01/10 Javascript
jQuery+CSS实现滑动的标签分栏切换效果
2015/12/17 Javascript
点评js异步加载的4种方式
2015/12/22 Javascript
js提示框替代系统alert,自动关闭alert对话框的实现方法
2016/11/07 Javascript
vue.js2.0点击获取自己的属性和jquery方法
2018/02/23 jQuery
如何解决vue2.0下IE浏览器白屏问题
2018/09/13 Javascript
vue实现的网易云音乐在线播放和下载功能案例
2019/02/18 Javascript
vue点击自增和求和的实例代码
2019/11/06 Javascript
js实现上下左右键盘控制div移动
2020/01/16 Javascript
重命名批处理python脚本
2013/04/05 Python
使用Python对Access读写操作
2017/03/30 Python
Python编程实现的简单神经网络算法示例
2018/01/26 Python
详解Django CAS 解决方案
2019/10/30 Python
python中if及if-else如何使用
2020/06/02 Python
游戏商店:Eneba
2020/04/25 全球购物
Python里面search()和match()的区别
2016/09/21 面试题
学生打架检讨书大全
2014/01/23 职场文书
先进个人事迹材料
2014/01/25 职场文书
创业计划书模版
2014/02/05 职场文书
医学生毕业自我鉴定
2014/03/26 职场文书
倡导文明标语
2014/06/16 职场文书
小学社团活动总结
2014/06/27 职场文书
2015年校长新年寄语
2014/12/08 职场文书
2014年社区卫生工作总结
2014/12/18 职场文书
高中教师个人工作总结
2015/02/10 职场文书
2015年安全生产月活动总结
2015/03/26 职场文书
工作年限证明模板
2015/06/15 职场文书
2016年“世界环境日”校园广播稿
2015/12/18 职场文书