基于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 相关文章推荐
js控制CSS样式属性语法对照表
Dec 11 Javascript
加随机数引入脚本不让浏览器读取缓存
Sep 04 Javascript
浅谈Javascript变量作用域问题
Dec 16 Javascript
使用AngularJS来实现HTML页面嵌套的方法
Jun 17 Javascript
jQuery动态星级评分效果实现方法
Aug 06 Javascript
jQuery文件上传控件 Uploadify 详解
Jun 20 Javascript
简单三步实现报表页面集成天气
Dec 15 Javascript
js实现图片上传预览原理分析
Jul 13 Javascript
layui table 参数设置方法
Aug 14 Javascript
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
Mar 14 Javascript
巧妙运用v-model实现父子组件传值的方法示例
Apr 07 Javascript
jQuery实现电梯导航模块
Dec 22 jQuery
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判断文件是否被引入的方法get_included_files用法示例
2016/11/29 PHP
JavaScript 无符号右移运算符
2009/04/17 Javascript
jQuery Validation插件remote验证方式的Bug解决
2010/07/01 Javascript
说明你的Javascript技术很烂的五个原因
2011/04/26 Javascript
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
2012/01/13 Javascript
js弹出模式对话框,并接收回传值的方法
2013/03/12 Javascript
jsPDF生成pdf后在网页展示实例
2014/01/16 Javascript
javascript实现获取浏览器版本、操作系统类型
2015/01/29 Javascript
javascript文本框内输入文字倒计数的方法
2015/02/24 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
2015/02/25 Javascript
JS右下角广告窗口代码(可收缩、展开及关闭)
2015/09/04 Javascript
初识angular框架后的所思所想
2016/02/19 Javascript
jquery自定义插件开发之window的实现过程
2016/05/06 Javascript
JS平滑无缝滚动效果的实现代码
2016/05/06 Javascript
全面解析JavaScript中“&amp;&amp;”和“||”操作符(总结篇)
2016/07/18 Javascript
JS获取url参数、主域名的方法实例分析
2016/08/03 Javascript
JS简单去除数组中重复项的方法
2016/09/13 Javascript
简单谈谈ES6的六个小特性
2016/11/18 Javascript
Vue项目webpack打包部署到服务器的实例详解
2017/07/17 Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
2017/08/17 Javascript
vue2.0 + element UI 中 el-table 数据导出Excel的方法
2018/03/02 Javascript
JS中使用new Option()实现时间联动效果
2018/12/10 Javascript
vue项目前端知识点整理【收藏】
2019/05/13 Javascript
微信小程序实现时间戳格式转换
2020/07/20 Javascript
element-ui点击查看大图的方法示例
2020/12/14 Javascript
[01:06:32]DOTA2上海特级锦标赛D组资格赛#1 EG VS VP第一局
2016/02/28 DOTA
python3+PyQt5实现拖放功能
2018/04/24 Python
微信小程序python用户认证的实现
2019/07/29 Python
Python视频编辑库MoviePy的使用
2020/04/01 Python
露营世界:Camping World
2017/02/02 全球购物
自荐书范文
2013/12/08 职场文书
起诉离婚协议书样本
2014/11/25 职场文书
汽车转让协议书范本
2014/12/07 职场文书
python控制台打印log输出重复的解决方法
2021/05/14 Python
springboot @ConfigurationProperties和@PropertySource的区别
2021/06/11 Java/Android
Nginx动静分离配置实现与说明
2022/04/07 Servers