基于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 相关文章推荐
Prototype 学习 工具函数学习($w,$F方法)
Jul 12 Javascript
js 遍历对象的属性的代码
Dec 29 Javascript
JS特权方法定义作用以及与公有方法的区别
Mar 18 Javascript
浅谈jquery回调函数callback的使用
Jan 30 Javascript
常见的javascript跨域通信方法
Dec 31 Javascript
原生JavaScript实现滚动条效果
Mar 24 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
Dec 17 Javascript
详谈构造函数加括号与不加括号的区别
Oct 26 Javascript
JS实现的哈夫曼编码示例【原始版与修改版】
Apr 22 Javascript
详解Angular中通过$location获取地址栏的参数
Aug 02 Javascript
Vue的双向数据绑定实现原理解析
Feb 17 Javascript
原生javascript的ajax请求及后台PHP响应操作示例
Feb 24 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中substr函数字符串截取用法分析
2016/01/07 PHP
PHP基于接口技术实现简单的多态应用完整实例
2017/04/26 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
PHP实现将上传图片自动缩放到指定分辨率,并保持清晰度封装类示例
2019/06/17 PHP
解决laravel上传图片之后,目录有图片,但是访问不到(404)的问题
2019/10/14 PHP
用javascript实现页面打印的三种方法
2007/03/05 Javascript
javascript通过class来获取元素实现代码
2013/02/20 Javascript
jquery 单引号和双引号的区别及使用注意
2013/07/31 Javascript
Javascript delete 引用类型对象
2013/11/01 Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
2013/11/12 Javascript
jQuery实现列表自动滚动循环滚动展示新闻
2014/08/22 Javascript
JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码
2015/09/15 Javascript
第一章之初识Bootstrap
2016/04/25 Javascript
深入理解jQuery之防止冒泡事件
2016/05/24 Javascript
bootstrap按钮插件(Button)使用方法解析
2017/01/13 Javascript
js实现本地时间同步功能
2017/08/26 Javascript
js继承的这6种方式!(上)
2019/04/23 Javascript
Vue 组件注册全解析
2020/12/17 Vue.js
[03:18]DOTA2放量测试专访820:希望玩家加入国服大家庭
2013/08/25 DOTA
零基础写python爬虫之使用urllib2组件抓取网页内容
2014/11/04 Python
python opencv实现任意角度的透视变换实例代码
2018/01/12 Python
python添加菜单图文讲解
2019/06/04 Python
tensorflow没有output结点,存储成pb文件的例子
2020/01/04 Python
python数据库编程 ODBC方式实现通讯录
2020/03/27 Python
什么是Smarty变量操作符?如何使用Smarty变量操作符
2014/07/18 面试题
大学毕业生通用自我评价
2014/01/05 职场文书
电脑专业个人求职信范文
2014/02/04 职场文书
临床护理求职信
2014/04/26 职场文书
党的群众路线教育实践活动学习笔记范文
2014/11/06 职场文书
2014年幼儿园后勤工作总结
2014/11/10 职场文书
以权谋私检举信范文
2015/03/02 职场文书
房地产销售助理岗位职责
2015/04/14 职场文书
高中生社会实践心得体会
2016/01/14 职场文书
详解MySQL多版本并发控制机制(MVCC)源码
2021/06/23 MySQL
Python+腾讯云服务器实现每日自动健康打卡
2021/12/06 Python
使用python生成大量数据写入es数据库并查询操作(2)
2022/09/23 Python