溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
PHP JS CSS session實現驗證碼功能
頁面
<?php
//校驗驗證碼
if (isset($_POST["authcode"])) {
session_start();
if (strtolower($_POST["authcode"]) == $_SESSION["authcode"]) {
echo "<font color='#0000cc'>輸入正確</font>";
} else {
echo "<font color='#cc0000'>輸入錯誤</font>";
}
exit();
}?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>確認驗證碼</title>
<script type="text/javascript"></script>
</head>
<body>
<form action="test.php" method="post">
<p>驗證碼圖片：<img id="captcha_img" border="1" src="1.php?r=<?php echo rand();?>" width="100px" height="30"</p>
<a href="javascript:void(0)" onclick="document.getElementById('captcha_img').src='1.php?r='+Math.random()">換一個？</a>
<p>請輸入圖片中的內容：<input type="text" name="authcode" value="" /></p>
<p><input type="submit" value="提交" style="padding:6px 20px";></p>
</form>
</body>
</html>
后端php處理生成驗證碼
<?php
session_start();
header("content-type: image/png");
//生成白色底圖
$image = imagecreatetruecolor(100, 30);
$bgcolor = imagecolorallocate($image, 255, 255, 255);
imagefill($image, 0, 0, $bgcolor);
//在白色底圖上生成4個彩色隨機字符
/*1.生成4個數字
for($i=0;$i<4;$i++) {
$fontsize = 6;
$fontcolor = imagecolorallocate($image, rand(0, 120), rand(0, 120), rand(0, 120));
$fontcontent = rand(0, 9);
$x = ($i*100/4) + rand(5, 10);
$y = rand(5, 10);
imagestring($image, $fontsize, $x, $y, $fontcontent, $fontcolor);
}*/
//2.生成隨機字母數字
$captch_code = "";//將生成的驗證碼存入該變量中
for($i=0;$i<4;$i++) {
$fontsize = 6;
$fontcolor = imagecolorallocate($image, rand(0, 120), rand(0, 120), rand(0, 120));
//隨機截取字母數字
$data = "abcdefghijkmnopqrstuvwxyz23456789";
$fontcontent = substr($data,rand(0,strlen($data)),1);
$captch_code.= $fontcontent;//追加到驗證碼存放
$x = ($i*100/4) + rand(5, 10);
$y = rand(5, 10);
imagestring($image, $fontsize, $x, $y, $fontcontent, $fontcolor);
}
$_SESSION["authcode"] = $captch_code;//保存到session中
//在白色底圖上生成隨機點(干擾元素)
for($i=0;$i<200;$i++) {
$pointcolor = imagecolorallocate($image, rand(50, 200), rand(50, 200), rand(50, 200));
imagesetpixel($image, rand(1, 29), rand(1, 29), $pointcolor);
}
//在白色底圖上生成隨機線(干擾元素)
for($i=0;$i<3;$i++) {
$linecolor = imagecolorallocate($image, rand(80, 220), rand(80, 220), rand(80, 220));
imageline($image, rand(1, 99), rand(1, 29), rand(1, 99), rand(1, 29), $linecolor);
}
imagepng($image);
imagedestroy($image);?>``
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
