PHP生成圖片驗證碼、點擊切換實例

這裡來看下效果:

現在讓我們來看下 PHP 代碼
復制代碼 代碼如下:
<?php
 
session_start();
function random($len) {
    $srcstr = "1a2s3d4f5g6hj8k9qwertyupzxcvbnm";
    mt_srand();
    $strs = "";
    for ($i = 0; $i < $len; $i++) {
        $strs .= $srcstr[mt_rand(0, 30)];
    }
    return $strs;
}
 
//隨機生成的字符串
$str = random(4);
 
//驗證碼圖片的寬度
$width  = 50;     
 
//驗證碼圖片的高度
$height = 25;    
 
//聲明需要創建的圖層的圖片格式
@ header("Content-Type:image/png");
 
//創建一個圖層
$im = imagecreate($width, $height);
 
//背景色
$back = imagecolorallocate($im, 0xFF, 0xFF, 0xFF);
 
//模糊點顏色
$pix  = imagecolorallocate($im, 187, 230, 247);
 
//字體色
$font = imagecolorallocate($im, 41, 163, 238);
 
//繪模糊作用的點
mt_srand();
for ($i = 0; $i < 1000; $i++) {
    imagesetpixel($im, mt_rand(0, $width), mt_rand(0, $height), $pix);
}
 
//輸出字符
imagestring($im, 5, 7, 5, $str, $font);
 
//輸出矩形
imagerectangle($im, 0, 0, $width -1, $height -1, $font);
 
//輸出圖片
imagepng($im);
 
imagedestroy($im);
 
$str = md5($str);
 
//選擇 cookie
//SetCookie("verification", $str, time() + 7200, "/");
 
//選擇 Session
$_SESSION["verification"] = $str;
?>

接下來只要在頁面中調用就可以了:
復制代碼 代碼如下:
<img id="checkpic" onclick="changing();" src='/images/checkcode.php' />

如果想實現 "看不清？換一張" 效果，添加如下 JS 到頁面中
復制代碼 代碼如下:
function changing(){
    document.getElementById('checkpic').src="/images/checkcode.php?"+Math.random();
}