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

2024-05-04 23:08:53

字體：大中小

供稿：網(wǎng)友

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

復(fù)制代碼代碼如下:

<!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>
<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><div>
<?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>
<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>
<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" ></textarea>
<br /><br />
<input type="submit" value="生成圖片" /> <INPUT TYPE="RESET" VALUE="重新填寫">
<br />
</form><? }?>
<div></body></html>