基于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 相关文章推荐
百度移动版的url编码解码示例
Apr 29 Javascript
编写简单的jQuery提示插件
Dec 21 Javascript
JavaScript判断前缀、后缀是否是空格的方法
Apr 15 Javascript
动态创建按钮的JavaScript代码
Jan 29 Javascript
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
May 27 Javascript
JavaScript观察者模式(publish/subscribe)原理与实现方法
Mar 30 Javascript
简单实现JS上传图片预览功能
Apr 14 Javascript
微信小程序商城项目之侧栏分类效果(1)
Apr 17 Javascript
微信小程序防止多次点击跳转(函数节流)
Sep 19 Javascript
对Layer UI 模块化的用法详解
Sep 26 Javascript
原生js实现的金山打字小游戏(实例代码详解)
Mar 16 Javascript
Javascript中的解构赋值语法详解
Apr 02 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过滤危险html代码的函数
2008/07/22 PHP
浏览器预览PHP文件时顶部出现空白影响布局分析原因及解决办法
2013/01/11 PHP
php中有关字符串的4个函数substr、strrchr、strstr、ereg介绍和使用例子
2014/04/24 PHP
php计算多个集合的笛卡尔积实例详解
2017/02/16 PHP
用javascript获取textarea中的光标位置
2008/05/06 Javascript
JavaScript中两种链式调用实现代码
2011/01/12 Javascript
JS文本获得焦点清除文本文字的示例代码
2014/01/13 Javascript
jquery原理以及学习技巧介绍
2015/11/11 Javascript
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
2017/08/04 Javascript
Scala解析Json字符串的实例详解
2017/10/11 Javascript
Angular8 Http拦截器简单使用教程
2019/08/20 Javascript
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
2019/09/03 Javascript
javascript设计模式 ? 组合模式原理与应用实例分析
2020/04/14 Javascript
深入分析JavaScript 事件循环(Event Loop)
2020/06/19 Javascript
vue 解决兄弟组件、跨组件深层次的通信操作
2020/07/27 Javascript
python解决汉字编码问题:Unicode Decode Error
2017/01/19 Python
python判断字符串是否是json格式方法分享
2017/11/07 Python
Python入门之三角函数atan2()函数详解
2017/11/08 Python
django2用iframe标签完成网页内嵌播放b站视频功能
2018/06/20 Python
Python爬取数据并写入MySQL数据库的实例
2018/06/21 Python
Python django使用多进程连接mysql错误的解决方法
2018/10/08 Python
selenium处理元素定位点击无效问题
2019/06/12 Python
使用python-Jenkins批量创建及修改jobs操作
2020/05/12 Python
keras load model时出现Missing Layer错误的解决方式
2020/06/11 Python
python基于opencv实现人脸识别
2021/01/04 Python
在PyCharm中安装PaddlePaddle的方法
2021/02/05 Python
绝对令人的惊叹的CSS3折叠效果(3D效果)整理
2012/12/30 HTML / CSS
CSS3 对过渡(transition)进行调速以及延时
2020/10/21 HTML / CSS
英国著名的茶叶品牌:Whittard of Chelsea
2016/09/22 全球购物
澳大利亚运动鞋零售商:The Athlete’s Foot
2018/11/04 全球购物
Skyscanner新西兰:全球领先的旅游搜索网站
2019/08/26 全球购物
利达恒信公司.NET笔试题面试题
2016/03/05 面试题
2014年大学生党课心得体会范文
2014/03/29 职场文书
2015年度班主任自我评价
2015/03/11 职场文书
各国货币符号大全
2022/02/17 杂记
SQL Server的存储过程与触发器以及系统函数和自定义函数
2022/04/10 SQL Server