利用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 变量基础知识
Nov 07 Javascript
JSON 学习之JSON in JavaScript详细使用说明
Feb 23 Javascript
JavaScrip单线程引擎工作原理分析
Sep 04 Javascript
Jquery时间验证和转换工具小例子
Jul 01 Javascript
JS加jquery简单实现标签元素的显示或隐藏
Sep 23 Javascript
jQuery中Dom的基本操作小结
Jan 23 Javascript
$.each与$().each的区别示例介绍
Mar 20 Javascript
Jquery选择器中使用变量实现动态选择例子
Jul 25 Javascript
js实现从中间开始往上下展开网页窗口的方法
Mar 02 Javascript
详解html-webpack-plugin用法全解
Jan 22 Javascript
javascript判断一个变量是数组还是对象
Apr 10 Javascript
ESLint 是如何检查 .vue 文件的
Nov 30 Vue.js
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
使用session判断用户登录用户权限(超简单)
2013/06/08 PHP
PHP中实现生成静态文件的方法缓解服务器压力
2014/01/07 PHP
php数组转成json格式的方法
2015/03/09 PHP
基于PHP-FPM进程池探秘
2017/10/17 PHP
php实现简易计算器
2020/08/28 PHP
JQuery在光标位置插入内容的实现代码
2010/06/18 Javascript
了解了这些才能开始发挥jQuery的威力
2013/10/10 Javascript
jQuery实现的图文高亮滚动切换特效实例
2015/08/10 Javascript
jQuery实现的网页左侧在线客服效果代码
2015/10/23 Javascript
JavaScript对象创建模式实例汇总
2016/10/03 Javascript
关于Function中的bind()示例详解
2016/12/02 Javascript
JavaScript与JQUERY获取元素的宽、高和位置
2017/02/26 Javascript
Vue 表单控件绑定的实现示例
2017/08/11 Javascript
Javascript中从学习bind到实现bind的过程
2018/01/05 Javascript
详解mpvue开发小程序小总结
2018/07/25 Javascript
Ant Design moment对象和字符串之间的相互转化教程
2020/10/27 Javascript
vue 中this.$set 动态绑定数据的案例讲解
2021/01/29 Vue.js
[00:48]DOTA2国际邀请赛公开赛报名开始 扫码开启逐梦之旅
2018/06/06 DOTA
[01:11:37]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第一场 11.19
2020/11/19 DOTA
python网络编程实例简析
2014/09/26 Python
python实现kNN算法
2017/12/20 Python
Python中join函数简单代码示例
2018/01/09 Python
Python3.x爬虫下载网页图片的实例讲解
2018/05/22 Python
简单了解Python matplotlib线的属性
2019/06/29 Python
Python中包的用法及安装
2020/02/11 Python
PyTorch中model.zero_grad()和optimizer.zero_grad()用法
2020/06/24 Python
这76道Java面试题及答案,祝你能成功通过面试
2016/04/16 面试题
体育比赛口号
2014/06/09 职场文书
党员违纪检讨书怎么写
2014/11/01 职场文书
2014年班组工作总结
2014/11/20 职场文书
锦旗赠语
2015/06/23 职场文书
2015年主婚人婚礼致辞
2015/07/28 职场文书
事业单位工作人员2015年度思想工作总结
2015/10/15 职场文书
创业分两种人:那么哪些适合创业?,哪些适合不适合创业呢?
2019/08/23 职场文书
python多次执行绘制条形图
2022/04/20 Python
clear 万能清除浮动(clearfix:after)
2023/05/21 HTML / CSS