基于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 相关文章推荐
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
Apr 24 Javascript
javascript 三种方法实现获得和设置以及移除元素属性
Mar 20 Javascript
浅谈js原生拖放
Nov 21 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
Jan 17 Javascript
微信小程序之GET请求的实例详解
Sep 29 Javascript
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 jQuery
webpack分离css单独打包的方法
Jun 12 Javascript
vue中使用better-scroll实现滑动效果及注意事项
Nov 15 Javascript
vue-cli3+typescript新建一个项目的思路分析
Aug 06 Javascript
实现vuex原理的示例
Oct 21 Javascript
使用jQuery实现购物车
Oct 29 jQuery
JavaScript点击按钮生成4位随机验证码
Jan 28 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
农民和部队如何穿矿
2020/03/04 星际争霸
ASP和PHP都是可以删除自身的
2007/04/09 PHP
PHP中MVC模式的模板引擎开发经验分享
2011/03/23 PHP
分享一个超好用的php header下载函数
2014/01/31 PHP
Yii框架调试心得--在页面输出执行sql语句
2014/12/25 PHP
详解 PHP加密解密字符串函数附源码下载
2015/12/18 PHP
遍历指定目录,并存储目录内所有文件属性信息的php代码
2016/10/28 PHP
PHP的mysqli_set_charset()函数讲解
2019/01/23 PHP
免费空间广告万能消除代码
2006/09/04 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
2014/07/02 Javascript
JS实现对中文字符串进行utf-8的Base64编码的方法(使其与Java编码相同)
2016/06/21 Javascript
json格式的javascript对象用法分析
2016/07/04 Javascript
JavaScript实现一个空中避难的小游戏
2017/06/06 Javascript
JavaScript常用数学函数用法示例
2018/05/14 Javascript
jQuery实现checkbox全选功能完整实例
2018/07/12 jQuery
微信域名检测接口调用演示步骤(含PHP、Python)
2019/12/08 Javascript
JS猜数字游戏实例讲解
2020/06/30 Javascript
[50:22]完美盛典-2018年度红毯走秀
2018/12/16 DOTA
python爬虫之BeautifulSoup 使用select方法详解
2017/10/23 Python
Python批量生成幻影坦克图片实例代码
2019/06/04 Python
Django如何实现网站注册用户邮箱验证功能
2019/08/14 Python
python3文件复制、延迟文件复制任务的实现方法
2019/09/02 Python
如何基于pythonnet调用halcon脚本
2020/01/20 Python
用Python做一个久坐提醒小助手的示例代码
2020/02/10 Python
Pytorch mask-rcnn 实现细节分享
2020/06/24 Python
Python连接mysql数据库及简单增删改查操作示例代码
2020/08/03 Python
美国CVS药店官网:CVS Pharmacy
2018/07/26 全球购物
英国文具、办公用品和科技商店:Ryman
2018/09/27 全球购物
市场营销方案范文
2014/03/11 职场文书
2014年师德师风学习材料
2014/05/16 职场文书
教师四风对照检查材料思想汇报
2014/09/17 职场文书
2015年医院护理部工作总结
2015/04/23 职场文书
2019企业文化管理制度范本!
2019/08/06 职场文书
赞美教师的句子
2019/09/02 职场文书
导游词之安徽九华山
2019/09/18 职场文书
动画电影《擅长捉弄人的高木同学》6月10日上映!
2022/03/20 日漫