JS 生成名片、链接等二维码

<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:[email protected] \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>

时间: 2024-10-11 13:40:16

JS 生成名片、链接等二维码的相关文章

PHP生成名片、网址二维码

PHP生成名片.网址二维码 php生成名片(vcard)二维码: <?php$vname = 'test';  $vtel = '13800000000';  generateQRfromGoogle($vname,$vtel); function generateQRfromGoogle($vname,$vtel,$widhtHeight ='150',$EC_level='L',$margin='0'){    if($vname&&$vtel){         $chl =

用jquery.qrcode.js生成高大尚的二维码

二维码的作用 1)  移动设备扫一扫,方便"带走"阅读(即把URL生成二维码) 2)  可以传递信息(单纯的把字符串生成二维码) 第三方开源库 项目源码:https://github.com/jeromeetienne/jquery-qrcode qrcode.js  实现二维码的核心函数库 jquery.qrcode.js  用jquery把核心函数库封装起来.用它来实现图形渲染,其实就是画图(支持canvas和table两种方式). 使用方法 1)  引入jquery库 2)  引

js实现生成中间带图片的二维码

之前需要实现生成中间带图片的二维码,所以找了半天终于找到一个可以用的.于是在这里记录一下. 下面是需要注意的几点: 1.使用的js为jquery-qrcode 但是已经经过别人的修改,和网上原来的那些不一样,所以网上的js不能用. 2.生成的图片大小可以调整 3.我尽可能保留了原作者的所有代码,都没有动过. 4.更多的方法和参数还是要参考官方的github和文档. http://files.cnblogs.com/files/linkstar/%E7%94%9F%E6%88%90%E4%B8%A

JS链接转换为二维码

这里用到一个JQ插件 qrcode.js   下载地址https://github.com/jeromeetienne/jquery-qrcode 先引入 <script src="js/jquery.qrcode.min.js"></script> <div class="content1"> <div class='imgContain'><img></div> <div class=

Java生成带logo 的二维码

这个工具类主要实现了两点功能: 1. 生成任意文链接的二维码. 2. 在二维码的中间加入图像. 主要实现步骤: 第一步: 导入QR二维码3.0 版本的core包和一张jpg图片(logo). core包下载地址:http://central.maven.org/maven2/com/google/zxing/core/3.0.0/ 第二步: 新建一个Java project.将刚下载的core-3.0.0 jar 添加到项目依赖中. 具体步骤: 第三步: 新建两个类,分别是: BufferedI

微信公众号开发(三)生成带参数的二维码

微信公众号开发之生成带参数的二维码 做微信公众号开发的人员都知道用户海报作为公众号吸引用户是常见的渠道,那么我就说说这个海报的生成. 看了好多公众号发现他们的海报都是大同小异,一个漂亮的背景+自己的头像+专属二维码. 背景就不阐述了,用户的头像可以由公众号开发文档提供的方式获取(根据用户的openId),今天主要讲用户的专属二维码 所谓专属即便是一对一的. 二维码分为两种,临时二维码和永久二维码 /*生成永久二维码*/ public static String getPerpetualQR(St

.NET生成带Logo的二维码

使用ThoughtWorks.QRCode生成,利用这个库来生成带Logo的二维码(就是中间嵌了一个图片的二维码),直接见代码: HttpContext context = HttpContext.Current; String data = "二维码的内容";//如果是链接会跳转 if (!string.IsNullOrEmpty(data)) { QRCodeEncoder encoder = new QRCodeEncoder(); Bitmap imgBack = encode

生成带logo的二维码

一,生成带log的二维码 1)生成的二维码是流返回,或者是直接写到指定文件夹 二,准备资料 1)引入jar包 <!-- https://mvnrepository.com/artifact/com.google.zxing/core --> <!-- 二维码生成器 --> <dependency> <groupId>com.google.zxing</groupId> <artifactId>core</artifactId&g

用NiceTool工具解决微信内链接或二维码可直接用外部浏览器打开

很多朋友问我怎么解决微信内点击链接或扫描二维码可以直接跳出微信在外部浏览器打开网页链接,其实这并不难,只要我们实现微信跳转功能即可. 下面给大家推荐NiceTool工具(http://www.nicejump.cn/) 使用步骤 1. 用浏览器打开我们的工具地址 2. 将你的推广链接输入工具框,点击生成 3. 复制新生成的跳转链接和二维码 4. 微信内打开跳转链接或扫码识别二维码 功能效果功能实现后, 苹果用户即可在微信内直接下载app也可以跳转浏览器下载,安卓用户则自动打开手机浏览器下载app

利用CommaTool工具解决微信内链接或二维码可直接用外部浏览器打开

很多朋友问我怎么解决微信内点击链接或扫描二维码可以直接跳出微信在外部浏览器打开网页链接,其实这并不难,只要我们实现微信跳转功能即可. 下面给大家推荐CommaTool工具(http://www.commatool.cn/) 使用步骤 1. 用浏览器打开我们的工具地址 2. 将你的推广链接输入工具框,点击生成 3. 复制新生成的跳转链接和二维码 4. 微信内打开跳转链接或扫码识别二维码 功能效果功能实现后, 苹果用户即可在微信内直接下载app也可以跳转浏览器下载,安卓用户则自动打开手机浏览器下载a