利用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 18 Javascript
JavaScript入门之对象与JSON详解
Oct 21 Javascript
解决JQeury显示内容没有边距内容紧挨着浏览器边线
Dec 20 Javascript
window.print打印指定div指定网页指定区域的方法
Aug 04 Javascript
JavaScript将取代AppleScript?
Sep 18 Javascript
ECMAScript6新增值比较函数Object.is
Jun 12 Javascript
JS中from 表单序列化提交的代码
Jan 20 Javascript
前端页面文件拖拽上传模块js代码示例
May 19 Javascript
vue实现表格数据的增删改查
Jul 10 Javascript
Vue vm.$attrs使用场景详解
Mar 08 Javascript
react组件基本用法示例小结
Apr 27 Javascript
详解vue路由
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使用memcache存储session的详解
2013/06/25 PHP
浅谈php+phpStorm+xdebug配置方法
2015/09/17 PHP
PHP弱类型的安全问题详细总结
2016/09/25 PHP
基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能
2017/02/24 PHP
Laravel等框架模型关联的可用性浅析
2019/12/15 PHP
Nginx+php配置文件及原理解析
2020/12/09 PHP
JavaScript Event学习第十一章 按键的检测
2010/02/10 Javascript
JavaScript中window、doucment、body的解释
2013/08/14 Javascript
JavaScript数据类型详解
2015/04/01 Javascript
setTimeout内不支持jquery的选择器的解决方案
2015/04/28 Javascript
Bootstrap编写一个在当前网页弹出可关闭的对话框 非弹窗
2016/06/30 Javascript
Node.js的基本知识简单汇总
2016/09/19 Javascript
Javascript 调用 ActionScript 的简单方法
2016/09/22 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
2018/03/21 Javascript
nodejs遍历文件夹下并操作HTML/CSS/JS/PNG/JPG的方法
2018/11/01 NodeJs
Vue 禁用浏览器的前进后退操作
2020/09/04 Javascript
Python入门之modf()方法的使用
2015/05/15 Python
django admin 后台实现三级联动的示例代码
2018/06/22 Python
python使用scrapy发送post请求的坑
2018/09/04 Python
利用python实现平稳时间序列的建模方式
2020/06/03 Python
python 制作简单的音乐播放器
2020/11/25 Python
美国学校用品、教室和教学商店:Discount School Supply
2018/04/04 全球购物
Loreto Gallo英国:欧洲领先的在线药房
2021/01/21 全球购物
营销与策划专业毕业生求职信
2013/11/01 职场文书
教育课题研究自我鉴定范文
2013/12/28 职场文书
金融学专科生自我鉴定
2014/02/21 职场文书
温馨提示标语
2014/06/26 职场文书
医院深入开展党的群众路线教育实践活动实施方案
2014/08/27 职场文书
企业总经理助理岗位职责
2014/09/12 职场文书
献爱心大型公益活动策划方案
2014/09/15 职场文书
2014年安全管理工作总结
2014/12/01 职场文书
讲文明倡议书
2015/04/29 职场文书
2015年领导班子工作总结
2015/05/23 职场文书
现货白银电话营销话术
2015/05/29 职场文书
Python机器学习之基于Pytorch实现猫狗分类
2021/06/08 Python
html原生table实现合并单元格以及合并表头的示例代码
2023/05/07 HTML / CSS