利用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 相关文章推荐
SwfUpload在IE10上不出现上传按钮的解决方法
Jun 25 Javascript
js的2种继承方式详解
Mar 04 Javascript
js使用DOM设置单选按钮、复选框及下拉菜单的方法
Jan 20 Javascript
jQuery 实现图片的依次加载图片功能
Jul 06 jQuery
underscore之Collections_动力节点Java学院整理
Jul 10 Javascript
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
js学习总结之dom2级事件基础知识详解
Jul 27 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
Sep 05 Javascript
如何解决vue2.0下IE浏览器白屏问题
Sep 13 Javascript
优雅的在React项目中使用Redux的方法
Nov 10 Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
Oct 25 Javascript
JavaScript实现鼠标移入随机变换颜色
Nov 24 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 高级课程笔记 面向对象
2009/06/21 PHP
php的zip解压缩类pclzip使用示例
2014/03/14 PHP
PHP中捕获超时事件的方法实例
2015/02/12 PHP
php面向对象编程self和static的区别
2016/05/08 PHP
CentOS系统中PHP安装扩展的方式汇总
2017/04/09 PHP
Laravel如何使用数据库事务及捕获事务失败后的异常详解
2017/10/23 PHP
PHP 并发场景的几种解决方案
2019/06/14 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
jQuery学习总结之元素的相对定位和选择器(持续更新)
2011/04/26 Javascript
JS保存和删除cookie操作 判断cookie是否存在
2013/11/13 Javascript
究竟什么是Node.js?Node.js有什么好处?
2015/05/29 Javascript
JavaScript实现节点的删除与序号重建实例
2015/08/05 Javascript
JavaScript接口的实现三种方式(推荐)
2016/06/14 Javascript
微信小程序 JS动态修改样式的实现代码
2017/02/10 Javascript
vue 2.0路由之路由嵌套示例详解
2017/05/08 Javascript
JS实现数组去重方法总结(六种方法)
2017/07/14 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
2019/04/26 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
2019/10/26 Javascript
详解ES6 扩展运算符的使用与注意事项
2020/11/12 Javascript
[01:02:46]VGJ.S vs NB 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Unicode和Python的中文处理
2017/03/19 Python
virtualenv实现多个版本Python共存
2017/08/21 Python
python搭建服务器实现两个Android客户端间收发消息
2018/04/12 Python
Python中的TCP socket写法示例
2018/05/11 Python
解决pandas使用read_csv()读取文件遇到的问题
2018/06/15 Python
对python:print打印时加u的含义详解
2018/12/15 Python
python实现感知器算法(批处理)
2019/01/18 Python
Python实现蒙特卡洛算法小实验过程详解
2019/07/12 Python
Django对数据库进行添加与更新的例子
2019/07/12 Python
Pygame的程序开始示例代码
2020/05/07 Python
劳动之星获奖感言
2014/02/01 职场文书
学雷锋树新风演讲稿
2014/05/10 职场文书
银行领导班子四风对照检查材料
2014/09/27 职场文书
Python爬取科目四考试题库的方法实现
2021/03/30 Python
Python djanjo之csrf防跨站攻击实验过程
2021/05/14 Python
详解thinkphp的Auth类认证
2021/05/28 PHP