php生成圖片驗證碼-附五種驗證碼
更新時間：2015年08月19日 16:01:13 投稿：mrr
這篇文章主要給大家講解php生成圖片驗證碼，包括數(shù)字驗證碼、數(shù)字和字母驗證碼、中文驗證碼、仿google驗證碼、算術驗證碼，實現(xiàn)此功能主要通過GD庫，生成一張帶有驗證碼的圖片，并把驗證碼存在session中，本文講解的比較全面，需要的朋友可以參考下
以前輸出驗證碼的時候用過一個方法，在前臺用JS生成驗證碼字符串，再傳遞到后臺用PHP輸出驗證碼圖像。這樣在驗證時就不需要使用$_SESSION傳遞驗證碼的值，直接用JS比較生成的字符串和輸入的字符串是否相等即可。
本文以實例演示5種驗證碼，并介紹生成驗證碼的函數(shù)。PHP生成驗證碼的原理：通過GD庫，生成一張帶驗證碼的圖片，并將驗證碼保存在Session中。
1、HTML
5中驗證碼HTML代碼如下：
<div class="demo"> <h3>1、數(shù)字驗證碼</h3> <p>驗證碼：<input type="text" class="input" id="code_num" name="code_num" maxlength="4" /> <img src="code_num.php" id="getcode_num" title="看不清，點擊換一張" align="absmiddle" /></p> <p><input type="button" class="btn" id="chk_num" value="提交" /></p> </div> <div class="demo">
<h3>2、數(shù)字+字母驗證碼</h3> <p>驗證碼：<input type="text" class="input" id="code_char" maxlength="4" /> <img src="code_char.php" id="getcode_char" title="看不清，點擊換一張" align="absmiddle" /></p> <p><input type="button" class="btn" id="chk_char" value="提交" /></p> </div> <div class="demo">
<h3>3、中文驗證碼</h3> <p>驗證碼：<input type="text" class="input" id="code_zh" maxlength="4" /> <img src="code_zh.php" id="getcode_zh" title="看不清，點擊換一張" align="absmiddle" /></p> <p><input type="button" class="btn" id="chk_zh" value="提交" /></p> </div> <div class="demo">
<h3>4、仿google驗證碼</h3> <p>驗證碼：<input type="text" class="input" id="code_gg" maxlength="4" /> <img src="code_gg.php" id="getcode_gg" title="看不清，點擊換一張" align="absmiddle" /></p> <p><input type="button" class="btn" id="chk_gg" value="提交" /></p> </div> <div class="demo">
<h3>5、算術驗證碼</h3> <p>驗證碼：<input type="text" class="input" id="code_math" maxlength="4" /> <img src="code_math.php" id="getcode_math" title="看不清，點擊換一張" align="absmiddle" /></p> <p><input type="button" class="btn" id="chk_math" value="提交" /></p> </div>
2、js驗證
$(function() {
$("#getcode_num").click(function() { //數(shù)字驗證
$(this).attr("src", 'code_num.php?' + Math.random());
});
$("#chk_num").click(function() {
var code_num = $("#code_num").val();
$.post("chk_code.php?act=num", {
code: code_num
},
function(msg) {
if (msg == 1) {
alert("驗證碼正確！");
} else {
alert("驗證碼錯誤！");
}
});
});
//數(shù)字+字母驗證
$("#getcode_char").click(function() {
$(this).attr("src", 'code_char.php?' + Math.random());
});
$("#chk_char").click(function() {
var code_char = $("#code_char").val();
$.post("chk_code.php?act=char", {
code: code_char
},
function(msg) {
if (msg == 1) {
alert("驗證碼正確！");
} else {
alert("驗證碼錯誤！");
}
});
});
//中文驗證碼
$("#getcode_zh").click(function() {
$(this).attr("src", 'code_zh.php?' + Math.random());
});
$("#chk_zh").click(function() {
var code_zh = escape($("#code_zh").val());
$.post("chk_code.php?act=zh", {
code: code_zh
},
function(msg) {
if (msg == 1) {
alert("驗證碼正確！");
} else {
alert("驗證碼錯誤！");
}
});
});
//google驗證
$("#getcode_gg").click(function() {
$(this).attr("src", 'code_gg.php?' + Math.random());
});
$("#chk_gg").click(function() {
var code_gg = $("#code_gg").val();
$.post("chk_code.php?act=gg", {
code: code_gg
},
function(msg) {
if (msg == 1) {
alert("驗證碼正確！");
} else {
alert("驗證碼錯誤！");
}
});
});
//算術驗證
$("#getcode_math").click(function() {
$(this).attr("src", 'code_math.php?' + Math.random());
});
$("#chk_math").click(function() {
var code_math = $("#code_math").val();
$.post("chk_code.php?act=math", {
code: code_math
},
function(msg) {
if (msg == 1) {
alert("驗證碼正確！");
} else {
alert("驗證碼錯誤！");
}
});
});
});
3、PHP生成驗證碼
session_start();
getCode(4,60,20);
function getCode($num,$w,$h) {
$code = "";
for ($i = 0; $i < $num; $i++) {
$code .= rand(0, 9);
}
//4位驗證碼也可以用rand(1000,9999)直接生成
//將生成的驗證碼寫入session，備驗證時用
$_SESSION["helloweba_num"] = $code;
//創(chuàng)建圖片，定義顏色值
header("Content-type: image/PNG");
$im = imagecreate($w, $h);
$black = imagecolorallocate($im, 0, 0, 0);
$gray = imagecolorallocate($im, 200, 200, 200);
$bgcolor = imagecolorallocate($im, 255, 255, 255);
//填充背景
imagefill($im, 0, 0, $gray);
//畫邊框
imagerectangle($im, 0, 0, $w-1, $h-1, $black);
//隨機繪制兩條虛線，起干擾作用
$style = array ($black,$black,$black,$black,$black,
$gray,$gray,$gray,$gray,$gray
);
imagesetstyle($im, $style);
$y1 = rand(0, $h);
$y2 = rand(0, $h);
$y3 = rand(0, $h);
$y4 = rand(0, $h);
imageline($im, 0, $y1, $w, $y3, IMG_COLOR_STYLED);
imageline($im, 0, $y2, $w, $y4, IMG_COLOR_STYLED);
//在畫布上隨機生成大量黑點，起干擾作用;
for ($i = 0; $i < 80; $i++) {
imagesetpixel($im, rand(0, $w), rand(0, $h), $black);
}
//將數(shù)字隨機顯示在畫布上,字符的水平間距和位置都按一定波動范圍隨機生成
$strx = rand(3, 8);
for ($i = 0; $i < $num; $i++) {
$strpos = rand(1, 6);
imagestring($im, 5, $strx, $strpos, substr($code, $i, 1), $black);
$strx += rand(8, 12);
}
imagepng($im);//輸出圖片
imagedestroy($im);//釋放圖片所占內存
}
以上內容就是php生成圖片驗證碼-附五種驗證碼的全部內容，希望大家喜歡。
相關文章
windows server 2008/2012安裝php iis7 mysql環(huán)境搭建教程
這篇文章主要為大家詳細介紹了windows server 2008/2012安裝php iis7 mysql環(huán)境搭建教程 ,需要的朋友可以參考下2016-06-06
Phalcon是一款php中國外非常的流程的框架了，但在國內Phalcon框架還不怎么樣了，小編今天來為各位介紹phalcon框架使用教程，希望下文可以幫助到各位2016-02-02
老司機傳授Ubuntu下Apache+PHP+MySQL環(huán)境搭建攻略
這篇文章主要介紹了Ubuntu下Apache+PHP+MySQL環(huán)境搭建攻略,文中采用的是LoadModule加載模塊的方式將PHP與Apache服務器程序連接,需要的朋友可以參考下2016-03-03
在Laravel中使用GuzzleHttp調用第三方服務的API接口代碼
今天小編就為大家分享一篇在Laravel中使用GuzzleHttp調用第三方服務的API接口代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
這篇文章主要介紹了php實現(xiàn)的任意進制互轉類分享,本文直接給出了實現(xiàn)代碼,需要的朋友可以參考下2015-07-07
在本文中我們將給大家介紹如何在centos8自定義目錄安裝php7.3，在選擇要安裝的PHP版本之前，請確保你的應用程序支持它，我們還將向你展示如何將PHP與Nginx和Apache集成，感興趣的朋友跟隨小編一起看看吧2019-11-11
在寒竹、Fanbin等等熱心的朋友的幫助下，這款小巧的程序終于誕生了。 想做這款程序的初衷是方便測試一些代碼，這樣就不用新建文件->輸入代碼->保存->打開瀏覽器->定位到php文件->查看瀏覽結果這么一個繁瑣的過程了，現(xiàn)在只要把地址保存到收藏夾，然后要測試的時候，拿出來，直接輸入代碼測試就行了。 代碼輸入也挺方便的，自動高亮、自動完成，當然不支持代碼提示2008-03-03
這篇文章給大家介紹php新建類相關問題分析及解決辦法，涉及到php新建類相關知識，本文介紹的非常詳細，非常具有參考借鑒價值特此分享供大家參考2015-11-11
使用tp框架和SQL語句查詢數(shù)據(jù)表中的某字段包含某值
今天小編就為大家分享一篇使用tp框架和SQL語句查詢數(shù)據(jù)表中的某字段包含某值，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
ThinkPHP 在阿里云上的nginx.config配置實例詳解
這篇文章主要介紹了ThinkPHP 在阿里云上的nginx.config配置實例詳解,需要的朋友可以參考下2017-10-10