原文連接:http://www.qqdeveloper.com/a/54.htmlphp
什麼是驗證碼?html
借用百度的解釋:驗證碼這個詞最先是在2002年由卡內基梅隆大學的路易斯·馮·安、Manuel Blum Nicholas J.Hopper以及IBM的John Langford所提出。卡內基梅隆大學曾試圖申請此詞使其成爲註冊商標, 但該申請於2008年4月21日被拒絕。一種經常使用的CAPTCHA測試是讓用戶輸入一個扭曲變形的圖片上所顯示的文字或數字,扭曲變形是爲了不被光學字符識(OCR, Optical Character Recognition)之類的電腦程序自動辨識出圖片上的文數字而失去效果。因爲這個測試是由計算機來考人類,而不是標準圖靈測試中那樣由人類來考計算機,人們有時稱CAPTCHA是一種反向圖靈測試。前端
常見的驗證碼哪些?編程
圖像類型、語音類型、視頻類型、短信類型等。下面分享幾種實際案例中的圖片示例。瀏覽器
使用驗證碼的好處在哪裏?服務器
要說到使用驗證碼的好處,這確定是不少的,總結如下幾點。
微信
防止惡意的破解密碼。如一些黑客爲了獲取到用戶信息,經過不一樣的手段向服務器發送數據,驗證猜想用戶信息的準確性。session
防止惡意的刷票,論壇灌水。這種在論壇中長期存在灌水的現象,好比貼吧,不斷髮送帖子。如今百度貼吧已經針對用戶發帖的時間作了一個時間的限制,當必定時間內發帖過可能是沒法繼續發帖的。函數
防止惡意的請求。如用戶提交一個表單信息,經過不斷向後臺請求數據信息形成服務器資源的浪費,以及惡意的攻擊。post
趣味性。這一點屬於我的觀點,當咱們提交表單的時候,如遇到一些有趣的驗證碼方式,可以加強用戶對網站的喜好程度。
獲取用戶信息。這一點在現目前的站點中是家常便飯的事情了。如咱們註冊一個站點的帳號,須要經過手機驗證碼才能夠註冊成功。網站在拿到用戶的電話號碼以後會給手機號主發送一些營銷信息。
環境配置
只須要本地安裝了PHP的GD擴展庫便可使用。如何查看呢,建立一個PHP文件在該文件中寫入<?php phpinfo();?>,訪問該文件,若是查看到了GD庫已經安裝了,則可使用。沒有的,自行安裝,百度不少教程。
相關函數手冊參考PHP官方連接 http://php.net/manual/zh/ref.image.php
具體代碼實現
1.咱們先建立一個html頁面顯示驗證碼
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登錄</title> </head> <body> <form action="./login.php" method="post"> <img src="image_captcha.php" onclick="this.src='image_captcha.php?'+new Date().getTime();" width="200" height="200"><br/> <input type="text" name="captcha" placeholder="請輸入圖片中的驗證碼"><br/> <input type="submit" value="驗證"> </form> </body> </html>
2.建立一個PHP文件,接受前端頁面傳入的驗證碼信息
<?php /** * 接受用戶登錄時提交的驗證碼 */ session_start(); //1. 獲取到用戶提交的驗證碼 $captcha = $_POST["captcha"]; //2. 將session中的驗證碼和用戶提交的驗證碼進行覈對,當成功時提示驗證碼正確,並銷燬以前的session值,不成功則從新提交 if(strtolower($_SESSION["captchaimg"]) == strtolower($captcha)){ echo "驗證碼正確!"; $_SESSION["captcha"] = ""; }else{ echo "驗證碼提交不正確!"; }
3.建立驗證碼生成PHP文件
<?php /** * 字母+數字的驗證碼生成 */ // 開啓session session_start(); //1.建立黑色畫布 $image = imagecreatetruecolor(100, 30); //2.爲畫布定義(背景)顏色 $bgcolor = imagecolorallocate($image, 255, 255, 255); //3.填充顏色 imagefill($image, 0, 0, $bgcolor); // 4.設置驗證碼內容 //4.1 定義驗證碼的內容 $content = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; //4.1 建立一個變量存儲產生的驗證碼數據,便於用戶提交覈對 $captcha = ""; for ($i = 0; $i < 4; $i++) { // 字體大小 $fontsize = 10; // 字體顏色 $fontcolor = imagecolorallocate($image, mt_rand(0, 120), mt_rand(0, 120), mt_rand(0, 120)); // 設置字體內容 $fontcontent = substr($content, mt_rand(0, strlen($content)), 1); $captcha .= $fontcontent; // 顯示的座標 $x = ($i * 100 / 4) + mt_rand(5, 10); $y = mt_rand(5, 10); // 填充內容到畫布中 imagestring($image, $fontsize, $x, $y, $fontcontent, $fontcolor); } $_SESSION["captcha"] = $captcha; //4.3 設置背景干擾元素 for ($$i = 0; $i < 200; $i++) { $pointcolor = imagecolorallocate($image, mt_rand(50, 200), mt_rand(50, 200), mt_rand(50, 200)); imagesetpixel($image, mt_rand(1, 99), mt_rand(1, 29), $pointcolor); } //4.4 設置干擾線 for ($i = 0; $i < 3; $i++) { $linecolor = imagecolorallocate($image, mt_rand(50, 200), mt_rand(50, 200), mt_rand(50, 200)); imageline($image, mt_rand(1, 99), mt_rand(1, 29), mt_rand(1, 99), mt_rand(1, 29), $linecolor); } //5.向瀏覽器輸出圖片頭信息 header('content-type:image/png'); //6.輸出圖片到瀏覽器 imagepng($image); //7.銷燬圖片 imagedestroy($image);
更改內容能夠關注微信公衆號:小7帶你玩編程