基于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 相关文章推荐
jquery 常用操作整理 基础入门篇
Oct 14 Javascript
教你如何在 Javascript 文件里使用 .Net MVC Razor 语法
Jul 23 Javascript
JavaScript window.location对象
Nov 14 Javascript
jquery中object对象循环遍历的方法
Dec 18 Javascript
深入理解JavaScript程序中内存泄漏
Mar 17 Javascript
浅谈jquery点击label触发2次的问题
Jun 12 Javascript
JavaScript实现时钟滴答声效果
Jan 29 Javascript
详解angular中的作用域及继承
May 31 Javascript
javascript代码优化的8点总结
Jan 29 Javascript
vue 子组件向父组件传值方法
Feb 26 Javascript
爬虫利器Puppeteer实战
Jan 09 Javascript
vue props对象validator自定义函数实例
Nov 13 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
基于mysql的论坛(6)
2006/10/09 PHP
PHP版国家代码、缩写查询函数代码
2011/08/14 PHP
php5.5中类级别的常量使用介绍
2013/10/02 PHP
PHP写的资源下载防盗链类分享
2014/05/12 PHP
php格式化时间戳显示友好的时间实现思路及代码
2014/10/23 PHP
PHP微信支付实例解析
2016/07/22 PHP
用jquery来定位
2007/02/20 Javascript
JavaScript 常用函数库详解
2009/10/21 Javascript
javascript 当前日期转化为中文的实现代码
2010/05/13 Javascript
跟我学习javascript解决异步编程异常方案
2015/11/23 Javascript
JavaScript基础篇(6)之函数表达式闭包
2015/12/11 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
2016/09/08 Javascript
JS实现的系统调色板完整实例
2016/12/21 Javascript
JavaScript实现兼容IE6的收起折叠与展开效果实例
2017/09/20 Javascript
Node中使用ES6语法的基础教程
2018/01/05 Javascript
JavaScript实现微信号随机切换代码
2018/03/09 Javascript
vue多页面开发和打包正确处理方法
2018/04/20 Javascript
在Mac下彻底卸载node和npm的方法
2018/05/16 Javascript
jQuery实现动态向上滚动
2020/12/21 jQuery
[01:04]不如跳舞!DOTA2新英雄玛尔斯的欢乐日常
2019/03/11 DOTA
寻找网站后台地址的python脚本
2014/09/01 Python
python爬虫实现教程转换成 PDF 电子书
2017/02/19 Python
Python正则抓取新闻标题和链接的方法示例
2017/04/24 Python
python实现发送邮件功能
2017/07/22 Python
使用 Python 快速实现 HTTP 和 FTP 服务器的方法
2019/07/22 Python
Python文本处理简单易懂方法解析
2019/12/19 Python
使用OpenCV去除面积较小的连通域
2020/07/05 Python
selenium+超级鹰实现模拟登录12306
2021/01/24 Python
Exoticca英国:以最优惠的价格提供豪华异国情调旅行
2018/10/18 全球购物
医院护理人员的自我评价分享
2013/10/04 职场文书
酒店中秋节促销方案
2014/01/30 职场文书
总经理司机职责
2014/02/02 职场文书
思想品德自我评价
2014/02/04 职场文书
公司2015年终工作总结
2015/05/26 职场文书
Java并发编程必备之Future机制
2021/06/30 Java/Android
springboot集成springCloud中gateway时启动报错的解决
2021/07/16 Java/Android