基于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 for循环设法提高性能
Feb 24 Javascript
js实现双向链表互联网机顶盒实战应用实现
Oct 28 Javascript
JQuery获取或设置ckeditor的数据(示例代码)
Nov 15 Javascript
JavaScript中的Math.SQRT1_2属性使用简介
Jun 14 Javascript
JavaScript学习笔记之数组的增、删、改、查
Mar 23 Javascript
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
Jun 01 Javascript
Bootstrap表单布局
Jul 19 Javascript
原生js实现移动端触摸轮播的示例代码
Dec 22 Javascript
JS数组求和的常用方法实例小结
Jan 07 Javascript
angular 实现下拉列表组件的示例代码
Mar 09 Javascript
在vue中获取微信支付code及code被占用问题的解决方法
Apr 16 Javascript
使用PreloadJS加载图片资源的基础方法详解
Feb 03 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
德劲1102收音机的打理维修案例
2021/03/02 无线电
PHP面向对象详解(三)
2015/12/07 PHP
PHP中array_keys和array_unique函数源码的分析
2016/02/26 PHP
zen cart实现订单中增加paypal中预留电话的方法
2016/07/12 PHP
PHP提取字符串中的手机号正则表达式怎么写
2017/07/17 PHP
php设计模式之策略模式应用案例详解
2019/06/17 PHP
Prototype String对象 学习
2009/07/19 Javascript
js实现幻灯片效果(基于jquery插件)
2013/11/05 Javascript
使用javascript控制cookie显示和隐藏背景图
2014/02/12 Javascript
jQuery中的val()示例应用
2014/02/26 Javascript
jQuery Ajax()方法使用指南
2014/11/19 Javascript
javascript中的previousSibling和nextSibling的正确用法
2015/09/16 Javascript
Javascript 调用 ActionScript 的简单方法
2016/09/22 Javascript
Vue.JS入门教程之处理表单
2016/12/01 Javascript
Vue.js组件tabs实现选项卡切换效果
2016/12/01 Javascript
Angular实现的table表格排序功能完整示例
2017/12/22 Javascript
浅谈Webpack打包优化技巧
2018/06/12 Javascript
vue删除html内容的标签样式实例
2018/09/13 Javascript
Vue页面跳转动画效果的实现方法
2018/09/23 Javascript
微信公众号平台接口开发 获取access_token过程解析
2019/08/14 Javascript
python教程之用py2exe将PY文件转成EXE文件
2014/06/12 Python
Python学习pygal绘制线图代码分享
2017/12/09 Python
特征脸(Eigenface)理论基础之PCA主成分分析法
2018/03/13 Python
linux查找当前python解释器的位置方法
2019/02/20 Python
Python对象转换为json的方法步骤
2019/04/25 Python
python opencv对图像进行旋转且不裁剪图片的实现方法
2019/07/09 Python
tensorboard 可以显示graph,却不能显示scalar的解决方式
2020/02/15 Python
python实现简单俄罗斯方块
2020/03/13 Python
会计岗位职责模板
2014/03/12 职场文书
2015年教师自我评价范文
2015/03/04 职场文书
举起手来观后感
2015/06/09 职场文书
2015年七夕情人节感言
2015/08/03 职场文书
公司晚宴祝酒词
2015/08/11 职场文书
护士爱岗敬业心得体会
2016/01/25 职场文书
赞美教师的句子
2019/09/02 职场文书
豆瓣2021评分最高动画剧集-豆瓣评分最高的动画剧集2021
2022/03/18 日漫