最近學(xué)了php的圖像函數(shù)，也練習(xí)的驗證碼的實現(xiàn)，在聽從老師的建議下，自己寫了一個算術(shù)驗證碼的函數(shù)，第一次自己獨立完成一個小練習(xí)，感覺挺開心的。但是，也知道自己的局限，所以特意寫出來，希望各路大神指點一下，能夠更多的拓展自己的視野。
php代碼如下：實現(xiàn)驗證碼的功能
?php
/**
* @param int $width 寬度,默認為120
* @param int $height 高度,默認為50
* @param int $fontSize 字體的大小
* @return 圖片資源
*/
function arithmeticCode($width=120,$height=50,$fontSize=20){
//開啟session
session_start();
//創(chuàng)建畫布
$img = imagecreatetruecolor($width,$height);
//分配顏色
$color = imagecolorallocate($img,255,255,255);
//填充顏色
imagefill($img,0,0,$color);
//干擾點
for ($i = 0;$i 500;$i++){
$pixColor = imagecolorallocate($img,mt_rand(100,200),mt_rand(100,200),mt_rand(100,200));
imagesetpixel($img,mt_rand(0,$width),mt_rand(0,$height),$pixColor);
}
//干擾線
for ($i = 0;$i 4;$i++){
$lineColor = imagecolorallocate($img,mt_rand(0,120),mt_rand(0,120),mt_rand(0,120));
imageline($img,mt_rand(0,$width),mt_rand(0,$height),mt_rand(0,$width),mt_rand(0,$height),$lineColor);
}
//定義一個數(shù)組存放運算符號
$arr = ['+','-','*'];
//計算數(shù)組的長度
$len = count($arr);
//定義一個1到20的數(shù)組
$num = range(1,20);
$numLen = count($num);
//定義一個空數(shù)組來存放隨機取得的驗證碼
$code = [];
for ($i = 0;$i $len;$i++) {
if ($i == 1) {
$code[] = $arr[mt_rand(0,$len-1)];
}else {
$code[] = $num[mt_rand(0,$numLen-1)];
}
}
$str = implode($code);//將數(shù)組轉(zhuǎn)為字符串
$textColor = imagecolorallocate($img,mt_rand(100,200),mt_rand(100,200),mt_rand(100,200));
$fontAngle = 0;
$x = ($width - $fontSize*3)/2;
$y = ($height - $fontSize) / 2 + $fontSize;
imagettftext($img,$fontSize,$fontAngle,$x,$y,$textColor,"./img/msyh.ttc",$str);
$res = getRes($code);
//將函數(shù)存放在session中
$_SESSION['res'] = $res;
//輸出圖片
header("content-type:image/png");
imagepng($img);
}
/**
* @param $arr 一個包含運算符號的數(shù)組
* @return 返回一個運算結(jié)果
*/
function getRes($arr) {
$sum = 0;
//判斷數(shù)組元素下標為1的運算符號是什么
switch ($arr[1]){
case '+':
$sum = $arr[0] + $arr[2];
break;
case '-':
$sum = $arr[0] - $arr[2];
break;
case '*':
$sum = $arr[0] * $arr[2];
break;
}
return $sum;
}
//調(diào)用函數(shù)
arithmeticCode(100,40,18);
html的部分代碼
!doctype html>
html lang="en">
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>Document/title>
style>
img {
position: relative;
top: 20px;
}
/style>
/head>
body>
form action="test.php">
驗證碼 input type="text" name="code">
img src="./demo5.php" alt="點擊刷新">
br>
button>提交/button>
/form>
/body>
/html>
script>
//實現(xiàn)點擊圖片刷新驗證碼的功能
var img = document.querySelector("img");
img.onclick = function () {
this.src = this.src+"?m="+Math.random();
}
/script>
test.php的測試
?php
session_start();
$res = $_SESSION['res'];
$value = $_GET['code'];
if ($res == $value) {
echo "test success";
}else{
echo "test fail";
}
以上就是我的代碼組成.
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
