對於驗證碼,我們並不陌生,隨處可見,例如:登入註冊、論壇灌水、刷票、密碼破解等,主要作用是屏蔽機器請求,保障業務不受機器提交請求幹擾。
下面就來寫一個驗證碼demo,使用最常見的字母加數字驗證碼,加上乾擾點和乾擾線,使用的GD庫生成的,如果你沒有安裝的話,請自行谷歌安裝,另如何判斷是否安裝啟用,請直接在phpinfo頁面搜尋GD庫即可
效果如下圖:
前台頁面
<?php if(isset($_REQUEST["code"])){ session_start(); if(strtolower($_POST["code"])==$_SESSION["code"]){ echo "<script>alert('正确!')</script>"; }else{ echo "<script>alert('错误!')</script>"; } } ?> <!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>验证码</title> <style> #code{ border: 1px solid #ccc; vertical-align: bottom; } #refresh{ text-decoration: none; font-size: .875em; } </style> </head> <body> <form action="" method="post"> <p> 验证码: <img src="code.php?r=<?php echo rand()? alt="GD庫產生圖片驗證碼" >" alt="" id="code"> <a href="javascript:;" id="refresh">看不清?</a> </p> <p> 输入验证码: <input type="text" name="code"> </p> <input type="submit" value="提交"> <script> document.getElementById("code").onclick = document.getElementById("refresh").onclick = refresh; function refresh() { document.getElementById('code').src='code.php?r='+Math.random() } </script> </form> </body> </html>
後台頁面
<?php //启动session session_start(); $code = ""; //验证码字符串 $str = "qwertyuiopasdfghjklzxcvbnm1234567890"; //验证码字符取值范围[a-z0-9] $w = 160; //图片宽度 $h = 40; //图片高度 $num = 4; //验证码字符数 $dotNum = 300; //干扰点个数 $lineNum = rand(3, 5); //干扰线条数 $font = "./api/DejaVuSansMono.ttf"; //设置字体文件 $image = imagecreatetruecolor($w, $h); //创建一张指定宽高的图片 $imageColor = imagecolorallocate($image, 255, 255, 255); //设置背景图片颜色为白色 imagefill($image, 0, 0, $imageColor); //填充图片背景 //随机验证码,包含字母和数字 for ($i = 0; $i < $num; $i++) { $fontColor = imagecolorallocate($image, rand(0, 120), rand(0, 120), rand(0, 120)); //生成随机字体颜色 $content = substr($str, rand(0, strlen($str)), 1); //随机取字符集中的值 $code .= $content; $fontSize = rand(15, 25); //字体大小 $x = $i * $w / $num + rand(5, 10); //指定生成位置X轴偏移量 $y = rand(20, 30); //指定生成位置Y轴偏移量 imagettftext($image, $fontSize, 0, $x, $y, $fontColor, $font, $content); } $_SESSION["code"] = $code; //保存验证码字符串到session中 //生成干扰点 for ($i = 0; $i < $dotNum; $i++) { $dotColor = imagecolorallocate($image, rand(0, 255), rand(0, 255), rand(0, 255)); imagesetpixel($image, rand(0, $w), rand(0, $h), $dotColor); } //生成干扰线 for ($i = 0; $i < $lineNum; $i++) { $lineColor = imagecolorallocate($image, rand(0, 100), rand(0, 100), rand(0, 100)); imageline($image, rand(0, $w), rand(0, $h), rand(0, $w), rand(0, $h), $lineColor); } header("content-type:image/png"); imagepng($image); imagedestroy($image);
以上是GD庫產生圖片驗證碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!