全面解析PHP驗(yàn)證碼的實(shí)現(xiàn)原理附php驗(yàn)證碼小案例

更新時(shí)間：2016年08月17日 10:37:15 作者：Marksinoberg

這篇文章主要為大家全面解析了PHP驗(yàn)證碼的實(shí)現(xiàn)原理，附php驗(yàn)證碼小案例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

拓展

我們需要開(kāi)啟gd拓展，可以使用下面的代碼來(lái)查看是否開(kāi)啟gd拓展。

<?php

echo "Hello World!!!!";

echo phpinfo();
?>

然后在瀏覽器上Ctrl+F查找gd選項(xiàng)即可驗(yàn)證自己有沒(méi)有裝這個(gè)拓展，如果沒(méi)有的話，還需要自己全裝一下這個(gè)拓展。

背景圖

imagecreatetruecolor

默認(rèn)生成黑色背景

<?php
// 使用gd的imagecreatetruecolor();創(chuàng)建一張背景圖
$image = imagecreatetruecolor(100,30);
// 在顯示這張圖片的時(shí)候一定要先聲明頭信息
header('content-type:image/png');

imagepng($image);

// 釋放資源，銷(xiāo)毀執(zhí)行對(duì)象
imagedestroy($image);

imagecolorallocate

創(chuàng)建一個(gè)填充色，并用imagefill（image，x,y,color）方法來(lái)附著。

<?php
// 使用gd的imagecreatetruecolor();創(chuàng)建一張背景圖
$image = imagecreatetruecolor(100,30);

// 生成填充色
$bgcolor = imagecolorallocate($image,255,255,255);
// 將填充色填充到背景圖上
imagefill($image,0,0,$bgcolor);
// 在顯示這張圖片的時(shí)候一定要先聲明頭信息
header('content-type:image/png');

imagepng($image);

// 釋放資源，銷(xiāo)毀執(zhí)行對(duì)象
imagedestroy($image);

imagepng

在使用這個(gè)方法之前，一定要先設(shè)置頭信息，否則不會(huì)正常的顯示圖片

imagedestory(image)

適時(shí)的釋放資源會(huì)減輕對(duì)服務(wù)器請(qǐng)求的壓力。

簡(jiǎn)易數(shù)字驗(yàn)證碼

imagecolorallocate

生成顏色信息，方便待會(huì)的賦予處理。

$fontcolor=imagecolorallocate($image,rand(0,255),rand(0,255),rand(0,255));

imagestring

把內(nèi)容信息寫(xiě)到圖片的相應(yīng)位置上。

imagestring($image,$fontsize,$x,$y,$fontcontent,$fontcolor);

增加識(shí)別干擾

//增加點(diǎn)

// 生成一些干擾的點(diǎn)，這里是200個(gè)
for($i=0;$i<200;$i++){
  $pointcolor = imagecolorallocate($image,rand(50,255),rand(50,255),rand(50,255));
  imagesetpixel($image,rand(0,100),rand(0,30),$pointcolor);
}

// 增加線

// 生成一些干擾線 這里是5個(gè)
for($i=0;$i<5;$i++){
  // 設(shè)置為淺色的線，防止喧賓奪主
  $linecolor = imagecolorallocate($image,rand(50,255),rand(50,255),rand(50,255));
  imageline($image,rand(0,99),rand(0,29),rand(0,99),rand(0,29),$linecolor);

}

數(shù)字字母混合驗(yàn)證碼

<?php
// 使用gd的imagecreatetruecolor();創(chuàng)建一張背景圖
$image = imagecreatetruecolor(100,40);

// 生成填充色
$bgcolor = imagecolorallocate($image,255,255,255);
// 將填充色填充到背景圖上
imagefill($image,0,0,$bgcolor);

//////// 生成隨機(jī)4位字母以及數(shù)字混合的驗(yàn)證碼
for($i=0;$i<4;$i++){
  $fontsize = rand(6,8);
  $fontcolor = imagecolorallocate($image,rand(0,255),rand(0,255),rand(0,255));
  // 為了避免用戶(hù)難于辨認(rèn)，去掉了某些有歧義的字母和數(shù)字
  $rawstr = 'abcdefghjkmnopqrstuvwxyz23456789ABCDEFGHJKLMNOPQRSTUVWXYZ';
  $fontcontent = substr($rawstr,rand(0,strlen($rawstr)),1);
  // 避免生成的圖片重疊
  $x += 20;
  $y = rand(10,20);
  imagestring($image,$fontsize,$x,$y,$fontcontent,$fontcolor);  
}

// 生成一些干擾的點(diǎn)，這里是200個(gè)
for($i=0;$i<200;$i++){
  $pointcolor = imagecolorallocate($image,rand(50,255),rand(50,255),rand(50,255));
  imagesetpixel($image,rand(0,100),rand(0,30),$pointcolor);
}
// 生成一些干擾線 這里是4個(gè)
for($i=0;$i<4;$i++){
  // 設(shè)置為淺色的線，防止喧賓奪主
  $linecolor = imagecolorallocate($image,rand(50,255),rand(50,255),rand(50,255));
  imageline($image,rand(0,99),rand(0,29),rand(0,99),rand(0,29),$linecolor);

}


header('content-type:image/png');

imagepng($image);

// 釋放資源，銷(xiāo)毀執(zhí)行對(duì)象
imagedestroy($image);

使用驗(yàn)證碼

開(kāi)啟session的時(shí)機(jī)

注意： 開(kāi)啟session一定要在開(kāi)始的地方

驗(yàn)證的原理

驗(yàn)證的過(guò)程就是客戶(hù)端輸入的驗(yàn)證碼和存在于session域中的驗(yàn)證碼進(jìn)行對(duì)比。即：

if(isset($_REQUEST['checkcode'])){
    session_start();
    if($_REQUEST['checkcode']==$_SESSION['checkcode']){
      echo "<font color='green'>Success!</font>"; 
    }else{
      echo "<font color='red'>Failed!</font>";  
    }
    exit();
  }

優(yōu)化驗(yàn)證

但是簡(jiǎn)單的這樣驗(yàn)證有一點(diǎn)不好的地方，那就是字母的大小寫(xiě)容易出錯(cuò)。所以我們要做一下轉(zhuǎn)換，將用戶(hù)輸入的數(shù)值全部變成小寫(xiě)的。

if(strtolower($_REQUEST['checkcode'])==$_SESSION['checkcode']){···}

小案例

生成驗(yàn)證碼

<?php
session_start();// 必須在php的最開(kāi)始部分聲明，來(lái)開(kāi)啟session


// 使用gd的imagecreatetruecolor();創(chuàng)建一張背景圖
$image = imagecreatetruecolor(100,40);

// 生成填充色
$bgcolor = imagecolorallocate($image,255,255,255);
// 將填充色填充到背景圖上
imagefill($image,0,0,$bgcolor);

//////// 生成隨機(jī)4位字母以及數(shù)字混合的驗(yàn)證碼
$checkcode='';
for($i=0;$i<4;$i++){
  $fontsize = rand(6,8);
  $fontcolor = imagecolorallocate($image,rand(0,255),rand(0,255),rand(0,255));
  // 為了避免用戶(hù)難于辨認(rèn)，去掉了某些有歧義的字母和數(shù)字
  $rawstr = 'abcdefghjkmnopqrstuvwxyz23456789';
  $fontcontent = substr($rawstr,rand(0,strlen($rawstr)),1);
  // 拼接即將誕生的驗(yàn)證碼
  $checkcode.=$fontcontent;
  // 避免生成的圖片重疊
  $x += 20;
  $y = rand(10,20);
  imagestring($image,$fontsize,$x,$y,$fontcontent,$fontcolor);  
}
// 保存到session變量中
$_SESSION['checkcode']=$checkcode;

// 生成一些干擾的點(diǎn)，這里是200個(gè)
for($i=0;$i<200;$i++){
  $pointcolor = imagecolorallocate($image,rand(50,255),rand(50,255),rand(50,255));
  imagesetpixel($image,rand(0,100),rand(0,30),$pointcolor);
}
// 生成一些干擾線 這里是4個(gè)
for($i=0;$i<4;$i++){
  // 設(shè)置為淺色的線，防止喧賓奪主
  $linecolor = imagecolorallocate($image,rand(50,255),rand(50,255),rand(50,255));
  imageline($image,rand(0,99),rand(0,29),rand(0,99),rand(0,29),$linecolor);

}


header('content-type:image/png');

imagepng($image);

// 釋放資源，銷(xiāo)毀執(zhí)行對(duì)象
imagedestroy($image);

表單驗(yàn)證

<?php
header("Content-Type：text/html;charset=utf8");
    if(isset($_REQUEST['checkcode'])){
      session_start();
      if(strtolower($_REQUEST['checkcode'])==$_SESSION['checkcode']){
        echo "<font color='green'>Success!</font>"; 
      }else{
        echo "<font color='red'>Failed!</font>";  
      }
      exit();
    }
?>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>驗(yàn)證驗(yàn)證碼信息</title>
  <script>
    function change(){
      document.getElementById("image_checkcode").src='./store.php?r='+Math.random(); 
    }
  </script>
</head>
<body>
<form action="./form.php" method="post">
<p>驗(yàn)證碼圖片:</p><img id="image_checkcode" src="./store.php?r=<?php echo rand();?>"  /><a href="javascript:void(0)" onclick="change()">看不清楚</a><br/>
請(qǐng)輸入驗(yàn)證碼<input type="text" name="checkcode" /><br />
<p><input type="submit" value="提交" /></p>


</form>

</body>
</html>

總結(jié)

最后，來(lái)個(gè)總結(jié)吧。
•使用php制作驗(yàn)證碼需要gd拓展的支持。
•使用imagecreatetruecolor方法生成背景色，并用imagefill填充一個(gè)由imagecolorallocate產(chǎn)生的顏色。
•使用imagestring來(lái)實(shí)現(xiàn)驗(yàn)證碼和背景圖的結(jié)合
•使用imagesetpixel來(lái)添加干擾點(diǎn)
•使用imageline來(lái)添加干擾線
•使用session之前要在開(kāi)頭開(kāi)啟session_start()方法
•使用JavaScript來(lái)動(dòng)態(tài)的修改驗(yàn)證碼的src，來(lái)滿(mǎn)足用戶(hù)“換一張”的需求。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: