基于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事件处理程序的几种方式
Jun 27 Javascript
jquery选择器的选择使用及性能介绍
Jan 16 Javascript
Jquery 实现表格颜色交替变化鼠标移过颜色变化实例
Aug 28 Javascript
sogou地图API用法实例教程
Sep 11 Javascript
JavaScript实现同步于本地时间的动态时间显示方法
Feb 02 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
Apr 15 Javascript
jquery动态导航插件dynamicNav用法实例分析
Sep 06 Javascript
JavaScript函数内部属性和函数方法实例详解
Mar 17 Javascript
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
Jan 18 Javascript
Node.js利用断言模块assert进行单元测试的方法
Sep 28 Javascript
Vue 获取数组键名的方法
Jun 21 Javascript
vue根据进入的路由进行原路返回的方法
Sep 26 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下将XML转换为数组
2010/01/01 PHP
php获取后台Job管理的实现代码
2011/06/10 PHP
PHP连接MongoDB示例代码
2012/09/06 PHP
php中使用preg_replace函数匹配图片并加上链接的方法
2013/02/06 PHP
php中利用explode函数分割字符串到数组
2014/02/08 PHP
php中操作memcached缓存进行增删改查数据的实现代码
2014/08/15 PHP
javascript removeChild 使用注意事项
2009/04/11 Javascript
js prototype截取字符串函数
2010/04/01 Javascript
js日历功能对象
2012/01/12 Javascript
Jquery操作下拉框(DropDownList)实现取值赋值
2013/08/13 Javascript
javascript实现表单提交后,提交按钮不可用的方法
2015/04/18 Javascript
深入浅析Vue组件开发
2016/11/25 Javascript
Vue2.0 vue-source jsonp 跨域请求
2017/08/04 Javascript
JavaScript 隐性类型转换步骤浅析
2018/03/15 Javascript
vue仿ios列表左划删除
2019/09/26 Javascript
python和shell实现的校验IP地址合法性脚本分享
2014/10/23 Python
Python_LDA实现方法详解
2017/10/25 Python
python2 与python3的print区别小结
2018/01/16 Python
python使用pandas实现数据分割实例代码
2018/01/25 Python
Python实现的计算马氏距离算法示例
2018/04/03 Python
Python基于递归算法实现的汉诺塔与Fibonacci数列示例
2018/04/18 Python
python cv2截取不规则区域图片实例
2019/12/21 Python
基于python 等频分箱qcut问题的解决
2020/03/03 Python
Python使用Chrome插件实现爬虫过程图解
2020/06/09 Python
用python实现名片管理系统
2020/06/18 Python
css3制作动态进度条以及附加jQuery百分比数字显示
2012/12/13 HTML / CSS
CSS3的RGBA中关于整数和百分比值的转换
2015/08/04 HTML / CSS
如何在C# winform中异步调用web services
2015/09/21 面试题
音乐学院硕士生的自我评价分享
2013/11/01 职场文书
研修第一天随笔感言
2014/02/15 职场文书
消防安全标语
2014/06/07 职场文书
安全生产一岗双责责任书
2014/07/28 职场文书
安全先进班组材料
2014/12/26 职场文书
三傻大闹宝莱坞观后感
2015/06/03 职场文书
如何用JavaScript实现一个数组惰性求值库
2021/05/05 Javascript
java后台调用接口及处理跨域问题的解决
2022/03/24 Java/Android