利用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 js cookie的存储,获取和删除
Dec 29 Javascript
javascript 触发事件列表 比较不错
Sep 03 Javascript
js常用排序实现代码
Dec 28 Javascript
仅IE支持clearAttributes/mergeAttributes方法使用介绍
May 04 Javascript
jQuery获取样式中颜色值的方法
Jan 29 Javascript
基于jquery实现下拉框美化特效
Feb 02 Javascript
jquery实现图片上传前本地预览功能
May 10 Javascript
JQuery学习总结【二】
Dec 01 Javascript
对类Vue的MVVM前端库的实现代码
Sep 07 Javascript
Vue渲染过程浅析
Mar 14 Javascript
vue设置全局访问接口API地址操作
Aug 14 Javascript
vue3.0中使用element的完整步骤
Mar 04 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
《心理测量者3》剧场版动画预告
2020/03/02 日漫
PHP概述.
2006/10/09 PHP
php实现删除指定目录下相关文件的方法
2014/10/20 PHP
PHP针对中英文混合字符串长度判断及截取方法示例
2017/03/31 PHP
判断目标是否是window,document,和拥有tagName的Element的代码
2010/05/31 Javascript
JS中Iframe之间传值及子页面与父页面应用
2013/03/11 Javascript
js查找某元素中的所有图片地址的方法
2014/01/16 Javascript
Firefox下无法正常显示年份的解决方法
2014/09/04 Javascript
javascript实现图片上传前台页面
2015/08/18 Javascript
jquery悬浮提示框完整实例
2016/01/13 Javascript
jQuery多个版本和其他js库冲突的解决方法
2016/08/11 Javascript
浅谈Nodejs中的作用域问题
2016/12/26 NodeJs
微信小程序 连续旋转动画(this.animation.rotate)详解
2017/04/07 Javascript
说说node中的可读流和可写流的区别
2018/06/01 Javascript
更改BootStrap popover的默认样式及popover简单用法
2018/09/13 Javascript
关于vue表单提交防双/多击的例子
2019/10/31 Javascript
layui 弹出层值回传解决方式
2019/11/14 Javascript
JS实现省市县三级下拉联动
2020/04/10 Javascript
vue 解决兄弟组件、跨组件深层次的通信操作
2020/07/27 Javascript
vue等两个接口都返回结果再执行下一步的实例
2020/09/08 Javascript
[38:32]完美世界DOTA2联赛循环赛 Forest vs DM 第二场 11.06
2020/11/06 DOTA
django自定义Field实现一个字段存储以逗号分隔的字符串
2014/04/27 Python
在Python中使用Neo4j数据库的教程
2015/04/16 Python
在Django框架中编写Context处理器的方法
2015/07/20 Python
python编码总结(编码类型、格式、转码)
2016/07/01 Python
Django学习教程之静态文件的调用详解
2018/05/08 Python
Python 图像处理: 生成二维高斯分布蒙版的实例
2019/07/04 Python
python能否java成为主流语言吗
2020/06/22 Python
纯css3实现思维导图样式示例
2018/11/01 HTML / CSS
2015年社会实践个人总结
2015/03/06 职场文书
创卫工作总结2015
2015/04/22 职场文书
企业员工辞职信范文
2015/05/12 职场文书
小学班主任教育随笔
2015/08/15 职场文书
《富饶的西沙群岛》教学反思
2016/02/16 职场文书
HR必备:销售经理聘用合同范本
2019/08/21 职场文书
redis击穿 雪崩 穿透超详细解决方案梳理
2022/03/17 Redis