谷歌提供的二维码生成器接口，非常实用！分享给大家

<!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>

谷歌api 二维码生成 实例的更多相关文章

  1. 谷歌zxing 二维码生成工具

    一.加入maven依赖 <!-- 谷歌zxing 二维码 --> <dependency> <groupId>com.google.zxing</groupI ...

  2. PHP二维码生成的方法(google APi,PHP类库,libqrencode等)

    原文地址: http://blog.csdn.net/liuxinmingcode/article/details/7910975 ================================== ...

  3. java二维码生成-谷歌（Google.zxing）开源二维码生成学习及实例

    java二维码生成-谷歌(Google.zxing)开源二维码生成的实例及介绍   我们使用比特矩阵(位矩阵)的QR码编码在缓冲图片上画出二维码 实例有以下一个传入参数 OutputStream ou ...

  4. 在云平台上基于Go语言+Google图表API提供二维码生成应用

    二维码能够说已经深深的融入了我们的生活其中.到处可见它的身影:但通常我们都是去扫二维码, 曾经我们分享给朋友一个网址直接把Url发过去,如今我们能够把自己的信息生成二维码再分享给他人. 这里就分享一下 ...

  5. phpqrcode生成动态二维码简单实例

    这是一个利用phpqrcode生成动态二维码简单实例,比微信官方提供的接口还要好用.二维码是动态的,不用生成图片,可自定义二维码大小,间隙,跳转地址等. 参数设置: include_once 'php ...

  6. 分享几个网址二维码生成api

    分享几个网址二维码生成api 传入网址参数,或许二维码图片,扫二维码能直接跳转网址 http://b.bshare.cn/barCode?site=weixin&url=https://www ...

  7. java实现二维码生成的几个方法

    1: 使用SwetakeQRCode在Java项目中生成二维码 http://swetake.com/qr/ 下载地址 或着http://sourceforge.jp/projects/qrcode/ ...

  8. springboot微信支付,支付二维码生成

    https://pay.weixin.qq.com/wiki/doc/api/native.php?chapter=9_1 微信扫码支付开发者文档,里面会有支付流程的教程 接口链接 URL地址:htt ...

  9. [开源]C#二维码生成解析工具，可添加自定义Logo

    二维码又称 QR Code,QR 全称 Quick Response,是一个近几年来移动设备上超流行的一种编码方式,它比传统的 Bar Code 条形码能存更多的信息,也能表示更多的数据类型:比如:字 ...

随机推荐

  1. 开发工具IDE从入门到爱不释手（四）高级进阶

    代码生成Alt+Insert set/get生成 构造方法生成 toString生成 hashCode,equals 代码重构Refactor 不改变原有逻辑,让IDE帮助代码美观 重命名 Shift ...

  2. [考试总结]noip8

    又是一个题的正解都没有打出来的一天 但是自己独创了 \(lca\) 的求法, 然而如果去掉求 \(lca\) 的过程,就不会 \(TLE\) 了. \(\huge{\text{囧}}\) 然后就是对性 ...

  3. 第九篇 -- cpu的学习

    CPU的核数关系: 总核数 = 物理CPU个数 X 每颗物理CPU的核数 总逻辑CPU数 = 物理CPU个数 X 每颗物理CPU的核数 X 超线程数 Linux中查看CPU数: # 查看物理CPU个数 ...

  4. [编译] 8、在Linux下搭建 stm8 单片机的开发烧写环境（makefile版）

    目录 一.SDCC(Small Device C Compiler)编译环境搭建 1.1.下载 1.2.编译 1.3.测试 二.Hex2Bin+命令行烧写工具配置使用 2.1.下载工具安装配置 2.2 ...

  5. FactoryBean简介以及Mybatis-Spring应用

    一.BeanFactory和FactoryBean区别? BeanFactory是工厂类,提供了获取和检索Bean的接口.它代表着Spring的IoC容器,负责Bean实例化以及管理Bean之间的依赖 ...

  6. 微软内推常见问题 Q&A

    很高兴,已经成功内推 59 人拿到了微软 offer! 两年前,我就已经写过一篇微软面经,帮助到了不少人: 微软面经分享:如何更好地做好面试准备 在这两年的内推过程中,往往会有不少候选人来问我有关微软 ...

  7. C++ 多态 案例（//多态案例----制作饮品 //描述：煮水 冲泡 倒入杯中 加入辅料）

    1 //多态案例----制作饮品 2 //描述:煮水 冲泡 倒入杯中 加入辅料 3 4 #include <iostream> 5 #include <string> 6 us ...

  8. 强烈IDEA这些插件，让你的开发速度飞起来！

    大家好,我是大彬~ 俗话说:工欲善其事必先利其器.今天给大家介绍几款我自己经常用的 IDEA 插件,很强大,助力大家开发. 插件安装 以IDEA为例,进入settings->Plugins-&g ...

  9. 基于 Clusternet 与 OCM 打造新一代开放的多集群管理平台

    背景 随着 5G.物联网设备的爆炸性增长以及智能终端不断增强的计算能力,带来了前所未有的数据量,传统的中心集中式计算捉襟见肘."新基建"战略的实施,工业互联网.车联网/自动驾驶.智 ...

  10. SQL--查询JSON、时间、字符串的高级用法

    SQL--查询JSON.时间.字符串的高级用法 本文章总结SQL的JSON.时间格式.字符串判断转换的使用.核心点还是在于Json字段的提取(1.5).时间的比较(2.2,2.3)以及字符串的查询(3 ...