利用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 相关文章推荐
利用onresize使得div可以随着屏幕大小而自适应的代码
Jan 15 Javascript
JQuery上传插件Uploadify使用详解及错误处理
Apr 27 Javascript
基于jquery的复制网页内容到WORD的实现代码
Feb 16 Javascript
javascript自动生成包含数字与字符的随机字符串
Feb 09 Javascript
简介JavaScript中的setDate()方法的使用
Jun 11 Javascript
javascript中错误使用var造成undefined
Mar 31 Javascript
vue复合组件实现注册表单功能
Nov 06 Javascript
对Vue table 动态表格td可编辑的方法详解
Aug 28 Javascript
js字符串处理之绝妙的代码
Apr 05 Javascript
javascript for循环性能测试示例
Aug 07 Javascript
vuejs+element UI table表格中实现禁用部分复选框的方法
Sep 20 Javascript
Nuxt的路由配置和参数传递方式
Nov 06 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类
2006/07/15 PHP
在php MYSQL中插入当前时间
2008/04/06 PHP
openflashchart 2.0 简单案例php版
2012/05/21 PHP
解决php接收shell返回的结果中文乱码问题
2014/01/23 PHP
PHP图片处理之图片背景、画布操作
2014/11/19 PHP
基于PHP+jQuery+MySql实现红蓝(顶踩)投票代码
2015/08/25 PHP
PHP使用PHPExcel删除Excel单元格指定列的方法
2016/07/06 PHP
js取两个数组的交集|差集|并集|补集|去重示例代码
2013/08/07 Javascript
网页右侧悬浮滚动在线qq客服代码示例
2014/04/28 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
2016/08/08 Javascript
基于JavaScript实现滑动门效果
2017/03/16 Javascript
BootStrap 表单控件之单选按钮水平排列
2017/05/23 Javascript
详解vue-cli 脚手架项目-package.json
2017/07/04 Javascript
jQuery 实时保存页面动态添加的数据的示例
2017/08/14 jQuery
jquery-file-upload 文件上传带进度条效果
2017/11/21 jQuery
发布一款npm包帮助理解npm的使用
2019/01/03 Javascript
[53:20]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 VG vs OG
2018/04/03 DOTA
简单的Python抓taobao图片爬虫
2014/10/26 Python
python基于windows平台锁定键盘输入的方法
2015/03/05 Python
Python实现的飞速中文网小说下载脚本
2015/04/23 Python
windows 10下安装搭建django1.10.3和Apache2.4的方法
2017/04/05 Python
Python中列表与元组的乘法操作示例
2018/02/10 Python
浅谈pyqt5在QMainWindow中布局的问题
2019/06/21 Python
python tkinter图形界面代码统计工具(更新)
2019/09/18 Python
python 实现两个线程交替执行
2020/05/02 Python
Python通过kerberos安全认证操作kafka方式
2020/06/06 Python
HTML5 b和i标记将被赋予真正的语义
2009/07/16 HTML / CSS
全球速卖通巴西站点:Aliexpress巴西
2016/08/24 全球购物
红色连衣裙精品店:Red Dress Boutique
2018/08/11 全球购物
写自荐信的七个技巧
2013/10/15 职场文书
党的群众路线专项整治方案
2014/11/03 职场文书
2015年财政所工作总结
2015/04/25 职场文书
花田少年史观后感
2015/06/16 职场文书
2016年心理学教育培训学习心得体会
2016/01/12 职场文书
2016年第十四个公民道德宣传日活动总
2016/04/01 职场文书
mysql中between的边界,范围说明
2021/06/08 MySQL