基于JavaScript实现生成名片、链接等二维码


Posted in Javascript onSeptember 20, 2015

废话不多说,直接贴代码了,具体内容如下;

<div id = "qrcodeid"></div> //生成的二维码放在此 div 中
<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>//引入qrcode.js(到https://github.com/jeromeetienne/jquery-qrcode 下载 )
<script>
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>
<script>//此处生成名片二维码(如要生成普通链接二维码 则 “text”参数值 直接替换成普通链接即可)
var the_text = "BEGIN:VCARD \r\nFN:姓名 \r\nTEL;CELL,VOICE:15000000000 \r\nTITLE:职称 \r\nORG:公司(组织) \r\nEMAIL;INTERNET,HOME:123@qq.com \r\nADR;WORK,POSTAL:地球中国山东... \r\nURL:http://leerd.cn \r\nEND:VCARD";
the_text = utf16to8(the_text);
//alert(the_text);
jQuery('#qrcodeid').qrcode({
width:140,
height:140,
render:"canvas", //设置渲染方式 table canvas
typeNumber : -1,  //计算模式 
correctLevel  : 0,//纠错等级 
background   : "#ffffff",//背景颜色 
foreground   : "#000000",//前景颜色 
text:the_text
}); 
</script>

以上内容就是本文的全部内容,希望大家喜欢。

Javascript 相关文章推荐
JavaScript Date对象使用总结
May 14 Javascript
让ie6也支持websocket采用flash封装实现
Feb 18 Javascript
Iframe 自动适应页面的高度示例代码
Feb 26 Javascript
JS数组的遍历方式for循环与for...in
Jul 31 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
Mar 01 Javascript
jquery实现选中单选按钮下拉伸缩效果
Aug 06 Javascript
javascript精确统计网站访问量实例代码
Dec 19 Javascript
jQuery中的on与bind绑定事件区别实例详解
Feb 28 Javascript
vue实现app页面切换动画效果实例
May 23 Javascript
vue监听键盘事件的快捷方法【推荐】
Jul 11 Javascript
30分钟快速实现小程序语音识别功能
Nov 27 Javascript
在vue中利用v-html按分号将文本换行的例子
Nov 14 Javascript
jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
Sep 19 #Javascript
JS+CSS实现简单滑动门(滑动菜单)效果
Sep 19 #Javascript
jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果
Sep 19 #Javascript
jQuery实现点击按钮弹出可关闭层的浮动层插件
Sep 19 #Javascript
JS基于myFocus库实现各种功能的tab选项卡切换效果
Sep 19 #Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
Sep 19 #Javascript
JS实现的不规则TAB选项卡效果代码
Sep 18 #Javascript
You might like
PHP程序漏洞产生的原因分析与防范方法说明
2014/03/06 PHP
php延迟静态绑定实例分析
2015/02/08 PHP
hover的用法及live的用法介绍(鼠标悬停效果)
2013/03/29 Javascript
JSON传递bool类型数据的处理方式介绍
2013/09/18 Javascript
基于jQuery实现搜索关键字自动匹配功能
2020/03/26 Javascript
js添加绑定事件的方法
2016/05/15 Javascript
javascript的理解及经典案例分析
2016/05/20 Javascript
jQuery each函数源码分析
2016/05/25 Javascript
js 上传文件预览的简单实例
2016/08/16 Javascript
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
2016/09/09 Javascript
用瀑布流的方式在网页上插入图片的简单实现方法
2016/09/23 Javascript
解析JavaScript模仿块级作用域
2016/12/29 Javascript
Angular限制input框输入金额(是小数的话只保留两位小数点)
2017/07/13 Javascript
JavaScript实现多重继承的方法分析
2018/01/09 Javascript
微信小程序自定义多选事件的实现代码
2018/05/17 Javascript
vue transition 在子组件中失效的解决
2019/11/12 Javascript
结合axios对项目中的api请求进行封装操作
2020/09/21 Javascript
原生js拖拽功能制作滑动条实例代码
2021/02/05 Javascript
[02:51]2014DOTA2 TI小组赛总结中国军团全部进军钥匙球馆
2014/07/15 DOTA
[35:43]2018DOTA2亚洲邀请赛 4.1 小组赛B组 paiN vs Effect
2018/04/03 DOTA
Python 变量类型及命名规则介绍
2013/06/08 Python
python中reader的next用法
2018/07/24 Python
在Python中COM口的调用方法
2019/07/03 Python
Python字符编码转码之GBK,UTF8互转
2020/02/09 Python
Python通过两个dataframe用for循环求笛卡尔积
2020/04/29 Python
python 如何设置守护进程
2020/10/29 Python
CSS3实现鼠标悬停显示扩展内容
2016/08/24 HTML / CSS
struct与class的区别
2014/02/03 面试题
杭州联环马网络笔试题面试题
2013/08/04 面试题
先进集体获奖感言
2014/02/13 职场文书
国培远程培训感言
2014/03/08 职场文书
同居协议书范本
2014/04/23 职场文书
企业介绍信范文
2015/01/30 职场文书
幼儿教师辞职信
2015/02/27 职场文书
同意离婚答辩状
2015/05/22 职场文书
图文详解matlab原始处理图像几何变换
2021/07/09 Python