利用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 相关文章推荐
jquery 常用操作整理 基础入门篇
Oct 14 Javascript
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
Jan 06 Javascript
js脚本实现数据去重
Nov 27 Javascript
详解AngularJS中的作用域
Jun 17 Javascript
JavaScript排序算法动画演示效果的实现方法
Oct 18 Javascript
微信小程序 滚动到某个位置添加class效果实现代码
Apr 19 Javascript
JavaScript实现二叉树的先序、中序及后序遍历方法详解
Oct 26 Javascript
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
Mar 02 Javascript
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
Oct 31 Javascript
原生JS实现的自动轮播图功能详解
Dec 28 Javascript
如何构建 vue-ssr 项目的方法步骤
Aug 04 Javascript
解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题
Aug 05 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 截取字符串 分别适合GB2312和UTF8编码情况
2009/02/12 PHP
如何用php生成扭曲及旋转的验证码图片
2013/06/07 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十)
2014/06/24 PHP
YII Framework教程之异常处理详解
2016/03/14 PHP
PHP实现负载均衡下的session共用功能
2018/04/17 PHP
PHP实现无限极分类的两种方式示例【递归和引用方式】
2019/03/25 PHP
JS获取浏览器语言动态加载JS文件示例代码
2014/10/31 Javascript
JS实现在线统计一个页面内鼠标点击次数的方法
2015/02/28 Javascript
JavaScript实现弹出DIV层同时页面背景渐变成半透明效果
2016/03/25 Javascript
AngularJS辅助库browserTrigger用法示例
2016/11/03 Javascript
JS中将多个逗号替换为一个逗号的实现代码
2017/06/23 Javascript
JQuery元素快速查找与操作
2018/04/22 jQuery
vue中使用props传值的方法
2019/05/08 Javascript
在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】
2019/06/09 Javascript
jquery轻量级数字动画插件countUp.js使用详解
2019/10/17 jQuery
跟老齐学Python之Python文档
2014/10/10 Python
简单谈谈Python中的反转字符串问题
2016/10/24 Python
Python迭代和迭代器详解
2016/11/10 Python
Python中Scrapy爬虫图片处理详解
2017/11/29 Python
python MySQLdb使用教程详解
2018/03/20 Python
Python检查 云备份进程是否正常运行代码实例
2019/08/22 Python
python中web框架的自定义创建
2019/09/08 Python
python获取响应某个字段值的3种实现方法
2020/04/30 Python
使用python实现名片管理系统
2020/06/18 Python
解决TensorFlow训练模型及保存数量限制的问题
2021/03/03 Python
HTML5+CSS3:3D展示商品信息示例
2017/01/03 HTML / CSS
HTML5实现移动端复制功能
2018/04/19 HTML / CSS
英国家庭、花园、汽车和移动解决方案:Easylife Group
2018/05/23 全球购物
大学生入党自我鉴定
2013/10/31 职场文书
管理部部长岗位职责
2013/12/05 职场文书
大四学生思想汇报
2014/01/13 职场文书
项目投资建议书
2014/05/16 职场文书
安全横幅标语
2014/06/09 职场文书
大学毕业生管理学求职信
2014/09/01 职场文书
2014年学习全国道德模范事迹思想汇报
2014/09/15 职场文书
开除通知书范本
2015/04/25 职场文书