基于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 获取LI里的内容
Dec 17 Javascript
parseInt parseFloat js字符串转换数字
Aug 01 Javascript
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
Mar 21 Javascript
jQuery提交多个表单的小例子
Jun 30 Javascript
JavaScript排序算法之希尔排序的2个实例
Apr 04 Javascript
javascript 将共享属性迁移到原型中去的实现方法
Aug 31 Javascript
JS多物体实现缓冲运动效果示例
Dec 20 Javascript
iscroll动态加载数据完美解决方法
Jul 18 Javascript
基于 Immutable.js 实现撤销重做功能的实例代码
Mar 01 Javascript
JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结
Jun 27 Javascript
在vue中阻止浏览器后退的实例
Nov 06 Javascript
vue 获取url参数、get参数返回数组的操作
Nov 12 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以mysqli方式连接类完整代码实例
2014/07/15 PHP
TimergliderJS 一个基于jQuery的时间轴插件
2011/12/07 Javascript
JavaScript中prototype为对象添加属性的误区介绍
2013/10/15 Javascript
JQuery EasyUI 加载两次url的原因分析及解决方案
2014/08/18 Javascript
JS小游戏之仙剑翻牌源码详解
2014/09/25 Javascript
js实现键盘控制DIV移动的方法
2015/01/10 Javascript
使用jQuery制作浮动工具栏的实例分享
2016/05/13 Javascript
基于Vuejs实现购物车功能
2016/08/02 Javascript
详解Angularjs 如何自定义Img的ng-load 事件
2017/02/15 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
2017/02/27 Javascript
详解微信小程序 相对定位和绝对定位
2017/05/11 Javascript
Javarscript中模块(module)、加载(load)与捆绑(bundle)详解
2017/05/28 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
2018/09/18 Javascript
详解js访问对象的属性和方法
2018/10/25 Javascript
Vue+Element UI+Lumen实现通用表格分页功能
2019/02/02 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
2019/10/11 Javascript
jQuery 选择器用法基础入门示例
2020/01/04 jQuery
JavaScript实现公告栏上下滚动效果
2020/03/13 Javascript
微信小程序实现转盘抽奖
2020/09/21 Javascript
Python3实现从文件中读取指定行的方法
2015/05/22 Python
python实现简易云音乐播放器
2018/01/04 Python
Python数据结构之图的应用示例
2018/05/11 Python
解决pip install的时候报错timed out的问题
2018/06/12 Python
python如何删除文件中重复的字段
2019/07/16 Python
使用 Python 合并多个格式一致的 Excel 文件(推荐)
2019/12/09 Python
python 递归调用返回None的问题及解决方法
2020/03/16 Python
TensorFlow低版本代码自动升级为1.0版本
2021/02/20 Python
利用css3画个同心圆示例代码
2017/07/03 HTML / CSS
丝芙兰新加坡官网:Sephora新加坡
2018/12/04 全球购物
ellesse美国官方商店:意大利高级运动服品牌
2019/10/29 全球购物
请描述一下”is a”关系和”has a”关系
2015/02/03 面试题
一套C++笔试题面试题
2012/06/06 面试题
质检部岗位职责
2013/11/11 职场文书
财务管理专业自荐书
2014/09/02 职场文书
小学教师个人总结
2015/02/05 职场文书
朋友聚会开场白
2015/06/01 职场文书