老邦LAOBANG 西方不无 着力即差...
文本或网址二维码图片生成代码
发表于: | 分类: 实用工具 | 评论:13

这是一个很简单的文本或网址二维码图片生成器,利用google的api接口。感兴趣的的童鞋的不妨试试看。老邦个人感觉还是特么的实用。但是宽度好像不能调得太宽,否则不会显示图片。更多功能感兴趣的童鞋可以参照api接口参数或文档。老邦不做深入研究。

二维码功能测试

url地址:

宽和 高:

提    交:

本文所涉及到的源码

[code]
<!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>简单二维码生成</title>
</head>
<body><center>
<p style="text-align: center;">url地址:<input ID="codeurl" style="width: 150px; height: 22px;" TYPE="text" value="http://laobang.net" /><br />
宽和 高:<input ID="codewidth" style="width: 150px; height: 22px;" onkeyup="value=value.replace(/[^\d]/g,'')" TYPE="text" value="150" /><br />
提 交:<input style="width: 150px; cursor: pointer; height: 22px;" onclick="getCodeMa()" TYPE="button" value="生成二维码" /></p>
<img ID="mycodeImg" class="aligncenter" src="http://chart.apis.google.com/chart?chs=150x150&amp;cht=qr&amp;chld=L|0&amp;chl=http://laobang.net" alt="" />
<script>
function getCodeMa(){
var codeurl=document.getElementById("codeurl").value;
var codewidth=document.getElementById("codewidth").value;
if(!codeurl || !codewidth){
alert("该填的都填了吧,不然生成不出"); return false ;
}

var newcodesrc="http://chart.apis.google.com/chart?chs="+codewidth+"x"+codewidth+"&cht=qr&chld=L|0&chl="+codeurl;

document.getElementById("mycodeImg").src=newcodesrc;
}
</script>
<br/>
by <a href="http://laobang.net/">laobang.net</a>
</center>
</body>
</html>
[/code]

Google Chart API 开发指南: https://developers.google.com/chart/?hl=zh-TW

赶脚给自己的博客弄个二维码吧!


已有 13 条评论

  1. 还得要有手机才能读码呀。

    1. 对的,现在一般的智能机应该都能扫描吧,我看到很多人名片中都印二维码就感觉特么神奇。呵呵

  2. 顺便生成了下网站二维码,哈哈哈

    1. 恭喜咯,欢迎常来噻。。

  3. 这个功能不错 放自己博客上 啊哈哈

    1. 嗯嗯,可以的。呵呵

  4. 我也想弄一个。。

    1. icon_biggrin.gif icon_biggrin.gif 随便弄随便弄表客气! icon_mrgreen.gif icon_mrgreen.gif

  5. 所谓成长,就是逼着你一个人,踉踉跄跄的受伤,跌跌撞撞的坚强.强排!

  6. 很不错,收藏此方法,以便后期利用 嘿嘿。

  7. 呵呵,这个功能还是很不错的

  8. 支持一下。

  9. 现在这个谷歌生成二维码是不是用不了啊!求认证~

添加新评论


TOP