基于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 &amp; DHTML 实例编程(教程)DOM基础和基本API
Jun 02 Javascript
JavaScript面向对象程序设计三 原型模式(上)
Dec 21 Javascript
JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))
Jul 17 Javascript
jquery获取自定义属性(attr和prop)实例介绍
Apr 21 Javascript
使用jquery获取网页中图片高度的两种方法
Sep 26 Javascript
深入解读JavaScript中的Iterator和for-of循环
Jul 28 Javascript
基于javascript实现句子翻牌网页版小游戏
Mar 23 Javascript
JS实现改变HTML上文字颜色和内容的方法
Dec 30 Javascript
jQuery Chosen通用初始化
Mar 07 Javascript
vue+SSM实现验证码功能
Dec 07 Javascript
vue实现百度下拉列表交互操作示例
Mar 12 Javascript
简单通过settimeout看javascript的运行机制
May 10 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实现无限级分类(递归方法)
2015/08/06 PHP
php实现替换手机号中间数字为*号及隐藏IP最后几位的方法
2016/11/16 PHP
浅谈php使用curl模拟多线程发送请求
2019/03/08 PHP
php中的依赖注入实例详解
2019/08/14 PHP
鼠标移动到一张图片时变为另一张图片
2006/12/05 Javascript
javascript call和apply方法
2008/11/24 Javascript
Tips 带三角可关闭的文字提示
2010/10/06 Javascript
解决node-webkit 不支持html5播放mp4视频的方法
2015/03/11 Javascript
Javascript数组Array基础介绍
2016/03/13 Javascript
需灵活掌握的Bootstrap预定义排版类 你精通吗?
2016/06/20 Javascript
AngularJS操作键值对象类似java的hashmap(填坑小结)
2016/11/12 Javascript
浅谈jquery拼接字符串效率比较高的方法
2017/02/22 Javascript
微信小程序之前台循环数据绑定
2017/08/18 Javascript
微信小程序后端(java)开发流程的详细步骤
2019/11/13 Javascript
vuex管理状态仓库使用详解
2020/07/29 Javascript
两个使用Python脚本操作文件的小示例分享
2015/08/27 Python
基于pip install django失败时的解决方法
2018/06/12 Python
Python实现端口检测的方法
2018/07/24 Python
wtfPython—Python中一组有趣微妙的代码【收藏】
2018/08/31 Python
Python时间和字符串转换操作实例分析
2019/03/16 Python
python list转置和前后反转的例子
2019/08/26 Python
Python之——生成动态路由轨迹图的实例
2019/11/22 Python
Pandas-Cookbook 时间戳处理方式
2019/12/07 Python
Python @property及getter setter原理详解
2020/03/31 Python
Pyecharts地图显示不完成问题解决方案
2020/05/11 Python
python 监控logcat关键字功能
2020/09/04 Python
英国儿童图书网站:Scholastic
2017/03/26 全球购物
服装公司总经理岗位职责
2013/11/30 职场文书
《充气雨衣》教学反思
2014/04/07 职场文书
小学趣味运动会加油稿
2014/09/25 职场文书
2014年后勤工作总结
2014/11/18 职场文书
交通事故和解协议书
2015/01/27 职场文书
幼儿园托班教育随笔
2015/08/14 职场文书
幼儿园开学家长寄语(2016春季)
2015/12/03 职场文书
理解深度学习之深度学习简介
2021/04/14 Python
Win11软件图标固定到任务栏
2022/04/19 数码科技