基于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实现无刷新更新数据的详细步骤 asp
Dec 26 Javascript
用javascript获取textarea中的光标位置
May 06 Javascript
js如何取消事件冒泡
Sep 23 Javascript
jqGrid增加时--判断开始日期与结束日期(实例解析)
Nov 08 Javascript
关于javaScript注册click事件传递参数的不成功问题
Jul 18 Javascript
jQuery使用fadeout实现元素渐隐效果的方法
Mar 27 Javascript
三种AngularJS中获取数据源的方式
Feb 02 Javascript
JS实现的tab切换选项卡效果示例
Feb 28 Javascript
浅谈JS 数字和字符串之间相互转化的纠纷
Oct 20 Javascript
angular6.0开发教程之如何安装angular6.0框架
Jun 29 Javascript
JavaScript 类的封装操作示例详解
May 16 Javascript
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 jQuery
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
PHPShop存在多个安全漏洞
2006/10/09 PHP
用PHP编写和读取XML的几种方式
2013/01/12 PHP
php下获取http状态的实现代码
2014/05/09 PHP
PHP读取大文件的几种方法介绍
2016/10/27 PHP
Laravel框架使用Redis的方法详解
2018/05/30 PHP
通过PHP实现获取访问用户IP
2020/05/09 PHP
javascript break指定标签打破多层循环示例
2014/01/20 Javascript
js判断设备是否为PC并调整图片大小
2014/02/12 Javascript
javascript实现动态加载CSS
2015/01/26 Javascript
JavaScript自定义等待wait函数实例分析
2015/03/23 Javascript
jQuery实现仿新浪微博浮动的消息提示框(可智能定位)
2015/10/10 Javascript
Javascript基于AJAX回调函数传递参数实例分析
2015/12/15 Javascript
Bootstrap作品展示站点实战项目2
2016/10/14 Javascript
详解JS获取HTML DOM元素的8种方法
2017/06/17 Javascript
JavaScript无操作后屏保功能的实现方法
2017/07/04 Javascript
Vue项目中设置背景图片方法
2018/02/21 Javascript
jQuery实现网页拼图游戏
2020/04/22 jQuery
150行代码带你实现微信小程序中的数据侦听
2019/05/17 Javascript
运用js实现图层拖拽的功能
2019/05/24 Javascript
JavaScript实现10秒后再次获取验证码
2020/12/02 Javascript
[01:03:38]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS CIS
2014/05/22 DOTA
简单介绍Python下自己编写web框架的一些要点
2015/04/29 Python
Python实现将Excel转换成xml的方法示例
2018/08/25 Python
对python 多线程中的守护线程与join的用法详解
2019/02/18 Python
python 批量解压压缩文件的实例代码
2019/06/27 Python
Python 类方法和实例方法(@classmethod),静态方法(@staticmethod)原理与用法分析
2019/09/20 Python
Python求正态分布曲线下面积实例
2019/11/20 Python
简单了解Python3 bytes和str类型的区别和联系
2019/12/19 Python
基于Python获取docx/doc文件内容代码解析
2020/02/17 Python
关于Python3的import问题(pycharm可以运行命令行import错误)
2020/11/18 Python
荷兰在线啤酒店:Beerwulf
2019/08/26 全球购物
十岁生日同学答谢词
2014/01/19 职场文书
文明青少年标兵事迹材料
2014/01/28 职场文书
自动化毕业生专业自荐书范文
2014/02/04 职场文书
2014社区三八妇女节活动方案
2014/03/30 职场文书
保护地球的宣传语
2015/07/13 职场文书