基于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 Date对象 日期获取函数
Dec 19 Javascript
常用的几段javascript代码分享
Mar 25 Javascript
js弹出对话框方式小结
Nov 17 Javascript
浅谈JS中逗号运算符的用法
Jun 12 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
Dec 28 Javascript
jQuery实现字体颜色渐变效果的方法
Mar 29 jQuery
JS实现移动端实时监听输入框变化的实例代码
Apr 12 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
Nov 08 Javascript
vue.js实现的幻灯片功能示例
Jan 18 Javascript
Vue 动态组件与 v-once 指令的实现
Feb 12 Javascript
使用vue实现多规格选择实例(SKU)
Aug 23 Javascript
JavaScript实现网页下拉菜单效果
Nov 20 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
插件:检测javascript的内存泄漏
2007/03/04 Javascript
jquery下实现overlay遮罩层代码
2010/08/25 Javascript
对于jQuery性能的一些优化建议
2015/08/13 Javascript
浅谈Node.js:fs文件系统模块
2016/12/08 Javascript
写一个移动端惯性滑动&amp;回弹Vue导航栏组件 ly-tab
2018/03/06 Javascript
jquery点击回车键实现登录效果并默认焦点的方法
2018/03/09 jQuery
从理论角度讨论JavaScript闭包
2019/04/03 Javascript
vue.js中导出Excel表格的案例分析
2019/06/11 Javascript
小程序实现按下录音松开识别语音
2019/11/22 Javascript
vue实现多个echarts根据屏幕大小变化而变化实例
2020/07/19 Javascript
[02:13] 完美世界DOTA2联赛PWL DAY5集锦
2020/11/03 DOTA
python实现向ppt文件里插入新幻灯片页面的方法
2015/04/28 Python
Python实现求最大公约数及判断素数的方法
2015/05/26 Python
Python构建XML树结构的方法示例
2017/06/30 Python
numpy自动生成数组详解
2017/12/15 Python
Python迭代器与生成器用法实例分析
2018/07/09 Python
Python读取txt内容写入xls格式excel中的方法
2018/10/11 Python
Pycharm2017版本设置启动时默认自动打开项目的方法
2018/10/29 Python
python实现websocket的客户端压力测试
2019/06/25 Python
Python中list的交、并、差集获取方法示例
2019/08/01 Python
Tensorflow tf.nn.atrous_conv2d如何实现空洞卷积的
2020/04/20 Python
python mysql中in参数化说明
2020/06/05 Python
Python在线和离线安装第三方库的方法
2020/10/31 Python
前端隐藏出边界内容的实现方法
2016/04/14 HTML / CSS
CSS3为背景图设置遮罩并解决遮罩样式继承问题
2020/06/22 HTML / CSS
澳大利亚首屈一指的在线购物目的地:Kogan.com
2017/02/02 全球购物
资产评估专业大学生求职信
2013/09/29 职场文书
学校消防安全制度
2014/01/30 职场文书
社区学雷锋活动策划方案
2014/01/30 职场文书
新农村建设典型材料
2014/05/31 职场文书
2014年小学生迎国庆65周年演讲稿
2014/09/27 职场文书
文案策划岗位职责
2015/02/11 职场文书
产品调价通知函
2015/04/20 职场文书
休学证明范本
2015/06/19 职场文书
小学数学国培研修日志
2015/11/13 职场文书
Go 通过结构struct实现接口interface的问题
2021/10/05 Golang