`
王树雄
  • 浏览: 242441 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

二维码在线生成器

 
阅读更多

谷歌api二维码生成器
总结用此一句也行
<img src ="http://chart.apis.google.com/chart?cht=qr&chs=300x300&chl=加密的内容&choe=UTF-8" >



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>QR图生成器 v0.2</title>
<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAS44nSGVnT0GyW9P6JwovqhQOx0AHdvd5mAWDQjnw7FrH7iTr7hQYyIEUqhGSclPQuTt2jJYwKFKzaw"></script>
<script>
    google.load("jquery", "1.4.2");
    google.load("jqueryui", "1.8.5");
    </script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/themes/base/jquery-ui.css" type="text/css" media="all"/>
<style type="text/css">
#qrcodeMaker {
    width:500px;
    border:#999 solid 1px;
    padding:10px;
    margin:5px;
}
body {
    margin-left: 4px;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
}
body, td, th {
    font-size: 12px;
}
#confirm {
    text-align:right;
}
label {
    font-weight:bold;
    vertical-align:top;
}
#preview{
    min-height:200px;
    min-width:200px;
    margin:20px;
    text-align:center;
}
#qrURL{
    text-align:center;
    }
#qrURL_text{
    width:400px;
}
</style>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-68427-3']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>
<body>
<div id="qrcodeMaker">
<h1>二维码(QRCode)生成器 v0.2</h1>
<div id="preview"><img src=""/></div>
<div id="qrURL">
<label for="qrURL_text">图片地址:<textarea name="qrURL_text" rows="3" readonly="readonly" id="qrURL_text"></textarea></label>
</div>
<div id="options" style="margin:5px;">
<p>尺寸:
宽
<label for="opt_width"><input name="opt_width" type="text" id="opt_width" value="200" size="4" maxlength="4"/>px</label> x 高
<label for="opt_height"><input name="opt_height" type="text" id="opt_height" value="200" size="4" maxlength="4"/>px</label>
</p>
</div>
<div id="tabs">
<ul>
<li><a href="#tabs-1">默认内容</a></li>
<li><a href="#tabs-2">电话号码</a></li>
<li><a href="#tabs-3">短信&amp;彩信</a></li>
<li><a href="#tabs-4">邮件地址</a></li>
<li><a href="#tabs-5">通讯录</a></li>
</ul>
<div id="tabs-1">
<p>
<label for="tab1_text">文字内容:
<textarea name="tab1_text" id="tab1_text" style="width:80%;height:100px">测试内容</textarea>
</label>
</p>
</div>
<div id="tabs-2">
<p>
<label for="tab2_telno">电话号码:
<input name="tab2_telno" type="text" id="tab2_telno" size="20" maxlength="50"/>
</label>
</p>
</div>
<div id="tabs-3">
<p>
<label for="tab3_telno">号码:
<input name="tab3_telno" type="text" id="tab3_telno" size="30"/>
</label>
<br/>
<label for="tab3_message">信息:
<textarea name="tab3_message" cols="30" rows="4" id="tab3_message"></textarea>
</label>
<br/>
<label for="tab3_type">类型:
<input name="tab3_type" type="radio" id="tab3_type" value="SMSTO" checked="checked"/>
短信
<input name="tab3_type" type="radio" id="tab3_type" value="MMSTO"/>
彩信</label>
</p>
</div>
<div id="tabs-4">
<p>
<label for="tab4_email">邮件地址:</label>
<input name="tab4_email" type="text" id="tab4_email" size="30" maxlength="200"/>
</p>
</div>
<div id="tabs-5">
<p>
<label for="tab5_FormattedName">姓 名:</label>
<input type="text" name="tab5_FormattedName" id="tab5_FormattedName"/>
<br/>
<label for="tab5_Telephone">电 话:</label>
<input type="text" name="tab5_Telephone" id="tab5_Telephone"/>
<br/>
<label for="tab5_Email">邮件地址:</label>
<input type="text" name="tab5_Email" id="tab5_Email"/>
<br/>
<!-- <label for="tab5_X-MSN">MSN:</label>
        <input type="text" name="tab5_X-MSN" id="tab5_X-MSN" />
        <br />-->
<label for="tab5_Organization">公司名称:</label>
<input type="text" name="tab5_Organization" id="tab5_Organization"/>
<br/>
<label for="tab5_Title">职 位:</label>
<input type="text" name="tab5_Title" id="tab5_Title"/>
<br/>
<label for="tab5_Address">联系地址:</label>
<input type="text" name="tab5_Address" id="tab5_Address"/>
<br/>
<label for="tab5_URL">网站地址:</label>
<input type="text" name="tab5_URL" id="tab5_URL"/>
<br/>
</p>
</div>
</div>
<div id="confirm">
<input type="button" name="button" id="confirm_button" value="生成QR图"/>
</div>
</div>
二维码(QRCode)生成器 v0.2<br/>
powered by <a href="http://code.google.com/apis/chart/image_charts.html" target="_blank">Google Chart API</a> &amp; <a href="http://flashphp.org" target="_blank">flashphp.org</a>
<script>
var current_tab_id = 'tabs-1';
$(function() {
        
        $("#tabs").tabs();
        $("#tabs").bind( "tabsselect", function(event, ui) {
            current_tab_id = ui.panel.id;
            //alert($("#tabs").tabs('option', 'selected'));
        });
        $("#tabs").tabs( "select" , 0 );
        $("#confirm_button").button();
        $("#confirm_button").click(function(){
            $("#preview > img").attr("src","");
            var current_tab = $("#tabs").tabs('option', 'selected');
            var qrOpt = {};
            switch(current_tab){
                case 0 :
                    qrOpt.chl = $.trim($("#tabs-1 #tab1_text").attr("value"));
                break;
                
                case 1 :
                    qrOpt.chl = "tel:"+$.trim($("#tabs-2 #tab2_telno").attr("value"));
                break;
                
                case 2 :
                    qrOpt.chl = $("#tabs-3 #tab3_type:checked").attr("value")+":"+$.trim($("#tabs-3 #tab3_telno").attr("value"))+":"+$.trim($("#tabs-3 #tab3_message").attr("value"));
                break;
                
                case 3 :
                    qrOpt.chl = "mailto:"+$.trim($("#tabs-4 #tab4_email").attr("value"));
                break;
                
                case 4 :
                    qrOpt.chl = "BEGIN:VCARD\nVERSION:3.0\n";
                    var v = $.trim($("#tabs-5 #tab5_FormattedName").attr("value"));
                    qrOpt.chl += v ? ("FN:"+v+"\n") : "";
                    
                    v = $.trim($("#tabs-5 #tab5_Telephone").attr("value"));
                    qrOpt.chl += v ? ("TEL:"+v+"\n") : "";
                    
                    v = $.trim($("#tabs-5 #tab5_Email").attr("value"));
                    qrOpt.chl += v ? ("EMAIL:"+v+"\n") : "";
                    
                    v = $.trim($("#tabs-5 #tab5_X-MSN").attr("value"));
                    qrOpt.chl += v ? ("X-MSN:"+v+"\n") : "";
                    
                    v = $.trim($("#tabs-5 #tab5_Organization").attr("value"));
                    qrOpt.chl += v ? ("ORG:"+v+"\n") : "";
                    
                    v = $.trim($("#tabs-5 #tab5_Title").attr("value"));
                    qrOpt.chl += v ? ("TITLE:"+v+"\n") : "";
                    
                    v = $.trim($("#tabs-5 #tab5_Address").attr("value"));
                    qrOpt.chl += v ? ("ADR:"+v+"\n") : "";
                    
                    v = $.trim($("#tabs-5 #tab5_URL").attr("value"));
                    qrOpt.chl += v ? ("URL:"+v+"\n") : "";
                    qrOpt.chl += "END:VCARD";
                break;
            }
            qrOpt.chs = $("#options #opt_width").attr("value")+"x"+$("#options #opt_height").attr("value");
            qrOpt.cht = "qr";
            qrOpt.chld = "|1";
            qrOpt.choe = "UTF-8";
            $("#preview > img").attr("src","http://chart.googleapis.com/chart?"+$.param(qrOpt));
            $("#qrURL_text").attr("value","http://chart.googleapis.com/chart?"+$.param(qrOpt));
            _gaq.push(['_trackEvent', 'QRCodeGen', 'Generate', current_tab_id]);
        });
        $("#confirm_button").click();
    });
    
</script>
</body>
</html>

   原出处:http://hi.baidu.com/hackerbase/item/fad6395d8f239710da16353c

分享到:
评论

相关推荐

    DM二维码生成器

    本项目“DM二维码生成器”是基于C#编程语言开发的,专注于生成DataMatrix类型的二维码,这种二维码格式具有较高的数据密度和容错能力,尤其适合在小空间内存储大量信息。 DataMatrix二维码是由二维条形码标准定义的...

    微信小程序 二维码生成器 (源码)

    微信小程序 二维码生成器 (源码)微信小程序 二维码生成器 (源码)微信小程序 二维码生成器 (源码)微信小程序 二维码生成器 (源码)微信小程序 二维码生成器 (源码)微信小程序 二维码生成器 (源码)微信小程序 二维码...

    黑码二维码成批生成器 v1.5.zip

    《黑码二维码成批生成器 v1.5:批量生成与图像处理的高效工具》 在信息化时代,二维码已经成为了日常生活中不可或缺的一部分,无论是产品标识、防伪验证还是会员服务,都离不开二维码的身影。广州黑码软件公司针对...

    二维码生成器(微信小程序)源码.zip

    二维码生成器,一款可以生成二维码的微信小程序。可以生成带LOGO的二维码,也可以设置二维码颜色。 二维码生成器,一款可以生成二维码的微信小程序。可以生成带LOGO的二维码,也可以设置二维码颜色。 二维码生成...

    小程序源码 二维码生成器 (代码+截图)

    小程序源码 二维码生成器 (代码+截图)小程序源码 二维码生成器 (代码+截图)小程序源码 二维码生成器 (代码+截图)小程序源码 二维码生成器 (代码+截图)小程序源码 二维码生成器 (代码+截图)小程序源码 二维码生成器 ...

    二维码图片生成器

    1. 选择工具:有许多在线或桌面版的二维码图片生成器可供选择,例如我们提到的“二维码图片生成器.exe”就是一个桌面应用程序。 2. 输入信息:打开软件后,用户需要输入想要编码的数据,如文本、网址、联系信息等。 ...

    离线微信二维码名片生成器

    离线微信二维码名片生成器是一种解决方案,专门针对在微信内置浏览器中无法直接保存H5页面上的联系人信息的问题。这个工具使用了QRCode.js库,一个轻量级且高效的JavaScript库,来离线生成二维码。生成的二维码可以...

    在线二维码网页生成器

    在描述中提到的"网页在线二维码生成器,用于开发相关技术型网页",意味着这个生成器主要是为开发者设计的。开发者可以将此工具集成到他们的网站中,以便用户能够快速生成二维码,例如指向网站URL、联系信息、电子...

    电脑二维码生成器

    二维码生成器是一种便捷的信息编码工具,它能够将各种数据,如文字、网址、名片信息、电子邮箱、电话号码等,转换成二维图形——二维码,供手机、电子扫描器等设备快速读取。在电脑上使用二维码生成器,可以极大地...

    在线二维码图片生成器

    三、在线二维码生成器的使用方法 使用在线二维码图片生成器非常简单,通常遵循以下步骤: 1. 访问生成器网站。 2. 输入要编码的信息,例如网址、文本、名片信息等。 3. 调整二维码样式,如颜色、边框、logo等,以...

    微信小程序源码 二维码生成器(学习版)

    微信小程序源码 二维码生成器(学习版)微信小程序源码 二维码生成器(学习版)微信小程序源码 二维码生成器(学习版)微信小程序源码 二维码生成器(学习版)微信小程序源码 二维码生成器(学习版)微信小程序源码 二维码生成...

    解压全能我那个二维码生成器加手机安卓程序非精简版

    标题中的“解压全能我那个二维码生成器加手机安卓程序非精简版”指的是一个集成了解压缩功能和二维码生成器的软件应用,特别强调了这不是精简版本,意味着它包含完整的功能集。 1. **解压缩软件**:在IT行业中,解...

    二维码识别生成器

    除此之外,安全性也是使用二维码生成器时需要考虑的重要因素。尽管二维码提供了一种方便的信息传递方式,但也可能被恶意利用。因此,在生成或扫描二维码时,用户应确保数据来源可靠,避免点击不明链接,以防个人信息...

    微信小程序 小工具类 二维码生成器 (源代码+截图)

    微信小程序 小工具类 二维码生成器 (源代码+截图)微信小程序 小工具类 二维码生成器 (源代码+截图)微信小程序 小工具类 二维码生成器 (源代码+截图)微信小程序 小工具类 二维码生成器 (源代码+截图)微信小...

    二维码在线生成网页源码

    二维码在线生成网页源码是一种基于特定编码规则,能够将各种数据转化为可被手机扫描识别的图形化代码。...在当今信息化社会,二维码...通过学习和理解这些源码,开发者可以自定义自己的二维码生成器,满足不同场景的需求。

    二维码生成器PC版【中文】

    二维码生成器是一款在个人计算机(PC)上使用的应用程序,专门设计用于创建各种类型的数据编码为二维码,便于快速扫描和信息传递。这款中文版的二维码生成器界面友好,操作简便,适用于那些希望在数字营销、信息分享...

    二维码批量生成器-可调整二维码版本、纠错等级、编码格式等

    总结来说,二维码批量生成器通过灵活调整二维码的版本、纠错等级和编码格式,为企业和个人提供了高效且定制化的二维码生成解决方案。理解并掌握这些核心概念,可以帮助我们更好地利用这一工具,创建出满足需求的...

    Python实战示例 二维码生成器.zip

    Python实战二维码生成器Python实战二维码生成器Python实战二维码生成器Python实战二维码生成器Python实战二维码生成器Python实战二维码生成器Python实战二维码生成器Python实战二维码生成器Python实战二维码生成器...

    二维码生成器

    库索族二维码生成器可以生成多种类型的二维码,包括文本二维码、网址二维码、名片二维码、电话二维码、短信二维码和wifi网络二维码,本软件界面简洁、操作方便、易学易用。 库索族二维码生成器功能: 文本二维码:...

Global site tag (gtag.js) - Google Analytics