利用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 继承的实现
Jul 09 Javascript
传智播客学习之java 反射
Nov 22 Javascript
div当滚动到页面顶部的时候固定在顶部实例代码
May 27 Javascript
js读取注册表的键值示例
Sep 25 Javascript
connect中间件session、cookie的使用方法分享
Jun 17 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
Jan 05 Javascript
angular使用bootstrap方法手动启动的实例代码
Jul 18 Javascript
jQuery实现点击下拉框中的值累加到文本框中的方法示例
Oct 28 jQuery
Vue.js 表单控件操作小结
Mar 29 Javascript
在vue中更换字体,本地存储字体非引用在线字体库的方法
Sep 28 Javascript
p5.js码绘“跳动的小正方形”的实现代码
Oct 22 Javascript
JS实现随机抽取三人
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数组交集的优化代码分析
2011/03/06 PHP
微信公众平台开发教程④ ThinkPHP框架下微信支付功能图文详解
2019/04/10 PHP
php学习笔记之字符串常见操作总结
2019/07/16 PHP
onbeforeunload与onunload事件异同点总结
2013/06/24 Javascript
javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)
2013/12/16 Javascript
浅谈javascript中自定义模版
2015/01/29 Javascript
jQuery下拉美化搜索表单效果代码分享
2015/08/25 Javascript
谈谈JavaScript类型系统之Math
2016/01/06 Javascript
Javascript中内建函数reduce的应用详解
2016/10/20 Javascript
jQuery实现的简单拖动层示例
2017/02/22 Javascript
JS中精巧的自动柯里化实现方法
2017/12/12 Javascript
jQuery实现的简单对话框拖动功能示例
2018/06/05 jQuery
React中使用外部样式的3种方式(小结)
2019/05/28 Javascript
JavaScript判断浏览器版本的方法
2019/11/03 Javascript
js中延迟加载和预加载的具体使用
2021/01/14 Javascript
测试、预发布后用python检测网页是否有日常链接
2014/06/03 Python
用python简单实现mysql数据同步到ElasticSearch的教程
2018/05/30 Python
Python将文本去空格并保存到txt文件中的实例
2018/07/24 Python
Python 运行 shell 获取输出结果的实例
2019/01/07 Python
pycharm中leetcode插件使用图文详解
2020/12/07 Python
解决pycharm修改代码后第一次运行不生效的问题
2021/02/06 Python
CSS实现鼠标滑过鼠标点击代码写法
2016/12/26 HTML / CSS
汽车检测与维修个人求职信
2013/09/24 职场文书
《二泉映月》教学反思
2014/04/15 职场文书
租赁协议书范本
2014/04/22 职场文书
小学生个人先进事迹材料
2014/05/08 职场文书
企业趣味活动方案
2014/08/21 职场文书
社区党员群众路线教育实践活动心得体会
2014/11/03 职场文书
常务副总经理岗位职责
2015/02/02 职场文书
2015世界地球日活动总结
2015/02/09 职场文书
教师求职信怎么写
2015/03/20 职场文书
小学运动会通讯稿
2015/07/18 职场文书
小学班主任培训心得体会
2016/01/07 职场文书
2016年法制宣传月活动总结
2016/04/01 职场文书
Filebeat 采集 Nginx 日志的方法
2021/03/31 Servers
Python 如何安装Selenium
2021/05/06 Python