| PHP Captcha - Learn How to Make a Captcha in PHP |
 |
What is a CAPTCHA? CAPTCHA stands for "Completely Automated Public Turing test to tell Computers and Humans Apart", which simply means that robots/scripts won't be able to submit a form, for example, it could prevent robots/scripts from automatically registering on your site or posting comments.
To start this off, we will first create the script that will generate and output the actual image of the CAPTCHA. So create a file called captcha.php.
captcha.php:
 |
<?php
session_start();
$width = 140;
$height = 70;
$im = imagecreate($width, $height);
$bg = imagecolorallocate($im, 0, 0, 0);
// generate random string
$len = 5;
$chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
$string = '';
for ($i = 0; $i < $len; $i++) {
$pos = rand(0, strlen($chars)-1);
$string .= $chars{$pos};
}
$_SESSION['captcha_code'] = md5($string);
// grid
$grid_color = imagecolorallocate($im, 175, 0, 0);
$number_to_loop = ceil($width / 20);
for($i = 0; $i < $number_to_loop; $i++) {
$x = ($i + 1) * 20;
imageline($im, $x, 0, $x, $height, $grid_color);
}
$number_to_loop = ceil($height / 10);
for($i = 0; $i < $number_to_loop; $i++) {
$y = ($i + 1) * 10;
imageline($im, 0, $y, $width, $y, $grid_color);
}
// random lines
$line_color = imagecolorallocate($im, 130, 0, 0);
for($i = 0; $i < 30; $i++) {
$rand_x_1 = rand(0, $width - 1);
$rand_x_2 = rand(0, $width - 1);
$rand_y_1 = rand(0, $height - 1);
$rand_y_2 = rand(0, $height - 1);
imageline($im, $rand_x_1, $rand_y_1, $rand_x_2, $rand_y_2, $line_color);
}
// write the text
$text_color = imagecolorallocate($im, 255, 0, 0);
$rand_x = rand(0, $width - 50);
$rand_y = rand(0, $height - 15);
imagestring($im, 10, $rand_x, $rand_y, $string, $text_color);
header ("Content-type: image/png");
imagepng($im);
?>
|
 |
Code Breakdown:
session_start(); - We are going to be holding the actual value of the CAPTCHA in a $_SESSION variable, so we turn sessions on.
$width = 140; - This is pretty self-explanatory, this is the width of the image.
$height = 70; - Again, this is self-explanatory, this is the height of the image.
$im = imagecreate($width, $height); - This creates the "handle" for the image, the image can now be accesssed with $im. It also sets width and height of the image to the values above.
$bg = imagecolorallocate($im, 0, 0, 0); - This will set the background of the image. It uses RGB, the last 3 paramaters you see to this function accept the amount of red, green and blue, respectively. So in this case there is 0, 0, 0 which will give a background that is black.
$len = 5; - This variable is the length of the random string that is being generated. The next few lines is just a simple way of generating a random string. If you want to make the string even more random, try adding more characters to the $char variable. (e.g. lowercase letters)
$_SESSION['captcha_code'] = md5($string); - This assigns the encrypted random string to a $_SESSION variable so we can read the correct string and compare it with the string the user entered (which we will be doing later in this tutorial).
$grid_color = imagecolorallocate($im, 175, 0, 0); - This is the color that the grid will be in the background (the background will be a grid with 20x10 squares), in this case it is a shade of red. The grid is one of the methods we will be using to mess up the image.
$number_to_loop = ceil($width / 20); - This divides the width by 20 (since the squares in the grid will be 20px wide) and rounds it up. This tells us how many times to run the loop to make the lines along the X axis of the grid.
imageline($im, $x, 0, $x, $height, $grid_color); - This plots the lines on the grid, along the X axis.
$number_to_loop = ceil($height / 10); - This is the same as before except now we are dividing by 10 (since the squares in the grid will be 10px high).
imageline($im, 0, $y, $width, $y, $grid_color); - Again, this plots the lines on the grid, but this time along the Y axis.
$line_color = imagecolorallocate($im, 130, 0, 0); - This will be the color of the random lines all over the image. It will be a different shade of red, but more faded than the grid.
for($i = 0; $i < 30; $i++) { - This will just loop 30 times. There is no particular reason for choosing 30, I just put in a random number. It simply just means that it will make 30 random lines. You could even make it so it does a random amount of random lines, it's all up to you.
imageline($im, $rand_x_1, $rand_y_1, $rand_x_2, $rand_y_2, $line_color); - Using the random points generated directly above, it plots the line on the image.
$text_color = imagecolorallocate($im, 255, 0, 0); - This will be the color of the text that the random string on the image will be in. In this case it is again, a different shade of red but this has the highest value for red, so it will be the clearest (over the grid and random lines).
$rand_x = rand(0, $width - 50); - This will just give a random point along the X axis, it subtracts 50 so it doesn't generate a point that will cause the random string to run off the image. (I just guessed on how long the string could possibly be, it can probably only go about 43px)
$rand_y = rand(0, $height - 15); - Again, this will just give a random point but along the Y axis, it subtracts 15 so it doesn't generate a point that will also make it run off the image.
imagestring($im, 10, $rand_x, $rand_y, $string, $text_color); - Using the imagestring function it now writes the random string on the image.
header ("Content-type: image/png"); - Change the headers so the browser knows it is viewing an image, and not the usual text/html.
imagepng($im); - Now that everything is set, we can finally show our CAPTCHA.
Next we go on to the easy part... using it in a form.
|
 |
|
Date Added: 31-01-2008
Votes: 7
Rating: 8.6
Views: 9326
Author: admin
Main Category: PHP
Sub-Category: Images
|
 |
|
|
|
