基于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 相关文章推荐
JQuery 浮动导航栏实现代码
Aug 27 Javascript
JQuery Tab选项卡效果代码改进版
Apr 01 Javascript
JQuery的Validation插件中Remote验证的中文问题
Jul 26 Javascript
深入理解JavaScript系列(4) 立即调用的函数表达式
Jan 15 Javascript
JQuery中的事件及动画用法实例
Jan 26 Javascript
js实现黑色简易的滑动门网页tab选项卡效果
Aug 31 Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
May 25 Javascript
javascript 中关于array的常用方法详解
May 05 Javascript
React利用插件和不用插件实现双向绑定的方法详解
Jul 03 Javascript
在Vue-cli里应用Vuex的state和mutations方法
Sep 16 Javascript
babel7.x和webpack4.x配置vue项目的方法步骤
May 12 Javascript
JS实现动态无缝轮播
Jan 11 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制作新闻系统的思路
2006/10/09 PHP
session 的生命周期是多长
2006/10/09 PHP
php array_unique之后json_encode需要注意
2011/01/02 PHP
PHP缩略图等比例无损压缩,可填充空白区域补充色
2011/06/10 PHP
PHP中strlen()和mb_strlen()的区别浅析
2014/06/19 PHP
PHP实现微信发红包程序
2015/08/24 PHP
php简单统计中文个数的方法
2016/09/30 PHP
PHP调用API接口实现天气查询功能的示例
2017/09/21 PHP
CentOS7编译安装php7.1的教程详解
2019/04/18 PHP
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
2011/01/27 Javascript
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
2011/04/27 Javascript
利用js读取动态网站从服务器端返回的数据
2014/02/10 Javascript
js判断游览器类型及版本号的代码
2014/05/11 Javascript
深入分析JSON编码格式提交表单数据
2015/06/25 Javascript
微信小程序 蓝牙的实现实例代码
2017/06/27 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
2018/08/09 Javascript
vue中如何实现后台管理系统的权限控制的方法示例
2018/09/19 Javascript
es6函数之严格模式用法实例分析
2020/03/17 Javascript
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
2020/07/21 Javascript
vue实现简单全选和反选功能
2020/09/15 Javascript
python str与repr的区别
2013/03/23 Python
Python中暂存上传图片的方法
2015/02/18 Python
解决Python中定时任务线程无法自动退出的问题
2019/02/18 Python
Python enumerate函数功能与用法示例
2019/03/01 Python
python快速编写单行注释多行注释的方法
2019/07/31 Python
Django之使用内置函数和celery发邮件的方法示例
2019/09/16 Python
如何将 awk 脚本移植到 Python
2019/12/09 Python
用HTML5 实现橡皮擦的涂抹效果的教程
2015/05/11 HTML / CSS
体育教育个人自荐信范文
2013/12/01 职场文书
大学理论知识学习自我鉴定
2014/04/28 职场文书
关于读书的演讲稿600字
2014/08/27 职场文书
公司租房协议书范本
2014/10/08 职场文书
党校学习党性分析材料
2014/12/19 职场文书
机关工会工作总结2015
2015/05/26 职场文书
银行岗位培训心得体会
2016/01/09 职场文书
Vue+Flask实现图片传输功能
2022/04/01 Vue.js