PHP在線生成二維碼(google api)的實(shí)現(xiàn)代碼詳解

更新時(shí)間：2013年06月04日 08:53:38 作者：

本篇文章是對PHP在線生成二維碼(google api)的實(shí)現(xiàn)代碼進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下

通過google在線生成二維碼的api在線生成二維碼。
代碼如下：

<!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>二維碼生成-www.dhdzp.com</title> 
<SCRIPT LANGUAGE=JavaScript> 
function post(){ 
if(document.getElementById('content').value==''){alert('內(nèi)容不能為空!');document.getElementById('content').focus();return false;} 
if(ckregdatapost()==false){return false;} 
} 
</SCRIPT> 
</head> 
<body> 
<style> 
body{text-align:center;background:#f5f5f5;line-height:22px;font-size:14px;color:#888;} 
.newcrop{margin:10;} 
.er{width:700px;margin:0px auto;border:1px solid gray} 
span{background:#645;color:#fff} 
body form {text-align:center;padding: 3px 6px 3px 6px;} 
input.txt{color: #00008B;background-color: #ADD8E6;border: 1px inset #00008B;width: 200px;} 
input.btn {color: #00008B;background-color: #ADD8E6;border: 1px outset #00008B;padding: 2px 4px 2px 4px;} 
input.smallInput{border:1 solid black;FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal} 
</style> 
<body class="newcrop"><div class="er"> 
<?php 
$content=$_GET['content']; 
$width=$_GET['width']?$_GET['width']:300; 
$height=$_GET['height']?$_GET['height']:300; 
if($content){ 
echo "你輸入的文字是: <span>$content </span><BR />"; 
echo "你選擇的寬度是: <span>$width </span><BR />"; 
echo "你選擇的高度是: <span>$height </span><BR /> "; 
echo "生成的二維碼圖像是：<BR /> "; 
$wen = urlencode(mb_convert_encoding($content, 'utf-8', 'gb2312')).""; 
echo "<img id=qrcode_img src=https://chart.googleapis.com/chart?cht=qr&chld=H&chs={$width}x{$height}&chl={$wen} /><br /> 
圖片地址:<a  target='_blank'>https://chart.googleapis.com/chart?cht=qr&chld=H&chs={$width}x{$height}&chl={$wen}</a><br /> 
復(fù)制發(fā)給你的朋友。 <a href='javascript:history.go(-1);'>返回上一頁</a>"; 
}else{ 
?> 
<form action="" method="get" onsubmit="return post();"> 
<h1> 
二維碼生成工具</h1> 
<p>width:<select name="width"> 
<option value="100">100</option> 
<option value="200">200</option> 
<option value="300" Selected>300</option> 
<option value="400">400</option> 
<option value="500">500</option> 
</select> 
height: <select name="height"> 
<option value="100">100</option> 
<option value="200">200</option> 
<option value="300" Selected>300</option> 
<option value="400">400</option> 
<option value="500">500</option> 
</select></p> 
輸入網(wǎng)址或者文字:<br /> 
<textarea rows="5" cols="30" name="content" id="content" ></textarea> 
<br /><br /> 
<input type="submit" value="生成圖片" /> <INPUT TYPE="RESET" VALUE="重新填寫"> 
<br /> 
</form><? }?> 
<div></body></html>