您好,登錄后才能下訂單哦!
這篇文章主要介紹GD庫生成圖片驗證碼的案例,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
對于驗證碼,我們并不陌生,隨處可見,比如:登錄注冊、論壇灌水、刷票、密碼破解等,主要作用是屏蔽機器請求,保障業務不受機器提交請求干擾。
下面就來寫一個驗證碼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="" 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庫生成圖片驗證碼的案例的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。