基于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中var声明变量作用域的推断
Dec 16 Javascript
jQuery + Flex 通过拖拽方式动态改变图片的代码
Aug 03 Javascript
jquery弹出框的用法示例(2)
Aug 26 Javascript
js父页面中使用子页面的方法
Jan 09 Javascript
Sea.JS知识总结
May 05 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果示例【附demo源码下载】
Mar 09 Javascript
Ionic3 UI组件之autocomplete详解
Jun 08 Javascript
详解webpack + react + react-router 如何实现懒加载
Nov 20 Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
Oct 29 Javascript
2019最新21个MySQL高频面试题介绍
Feb 06 Javascript
Vue实现简易计算器
Feb 25 Javascript
Vue Object.defineProperty及ProxyVue实现双向数据绑定
Sep 02 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
造就帕卡马拉的帕卡斯是怎么被发现的
2021/03/03 咖啡文化
PHP+javascript液晶时钟
2006/10/09 PHP
ThinkPHP内置jsonRPC的缺陷分析
2014/12/18 PHP
使用jquery的ajax需要注意的地方dataType的设置
2013/08/12 Javascript
JQuery判断子iframe何时加载完成解决方案
2013/08/20 Javascript
JQuery实现table行折叠效果以JSON做数据源
2014/05/26 Javascript
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
2015/04/22 Javascript
js运动事件函数详解
2016/10/21 Javascript
webpack入门必知必会
2017/01/16 Javascript
详解nodejs微信公众号开发——5.素材管理接口
2017/04/11 NodeJs
原生JS实现图片网格式渐显、渐隐效果
2017/06/05 Javascript
使用Angular Cli如何创建Angular私有库详解
2019/01/30 Javascript
微信小程序使用蓝牙小插件
2019/09/23 Javascript
JavaScript实现Tab标签页切换的最简便方式(4种)
2020/06/28 Javascript
python实现发送和获取手机短信验证码
2016/01/15 Python
转换科学计数法的数值字符串为decimal类型的方法
2018/07/16 Python
win10下python3.5.2和tensorflow安装环境搭建教程
2018/09/19 Python
详解通过API管理或定制开发ECS实例
2018/09/30 Python
Python3.5 处理文本txt,删除不需要的行方法
2018/12/10 Python
Python3 使用cookiejar管理cookie的方法
2018/12/28 Python
python实现AES和RSA加解密的方法
2019/03/28 Python
python实现视频分帧效果
2019/05/31 Python
python图的深度优先和广度优先算法实例分析
2019/10/26 Python
python实现读取类别频数数据画水平条形图案例
2020/04/24 Python
Keras - GPU ID 和显存占用设定步骤
2020/06/22 Python
matplotlib基础绘图命令之bar的使用方法
2020/08/13 Python
详解python模块pychartdir安装及导入问题
2020/10/22 Python
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
美国购买隐形眼镜网站:Lenses For Less
2020/07/05 全球购物
《挑山工》的教学反思
2014/02/16 职场文书
大学生党员自我剖析材料
2014/10/06 职场文书
单位租车协议书
2015/01/29 职场文书
详解Vue slot插槽
2021/11/20 Vue.js
Spring Data JPA框架持久化存储数据到数据库
2022/04/28 Java/Android
在虚拟机中安装windows server 2008的图文教程
2022/06/28 Servers
javascript中Set、Map、WeakSet、WeakMap区别
2022/12/24 Javascript