この記事では、主にPHPでWebページ認証コードを生成する効果を詳しく紹介します。SMS認証コードとWebページ認証コードの実践に適用すると、一定の参考値になります。興味のある方は参考にしてください。開発中には、SMS 認証コードと Web ページ認証コードが使用されます。Web ページ認証コードのコストは比較的低く、セキュリティ要素も許容されます。次に、Web ページ認証コードを作成して直接入力します。コード:
まず最初に、ファイルのディレクトリ構造について話しましょう:
|----------phpyanzhengプロジェクトフォルダ
|----fonttypeフォルダは通常、フォントファイルを保持します。 .ttfと.otf
|----1.php PHPの言語コードを入れます
|----index.html Webページのレイアウトを入れます
1.php
<?php header('content-type:image/jpeg');//定义一下代码以jpeg文件来解析 $width = 120;//定义了图像的宽 $height = 40;//定义了图像的高 $element = array('q','w','e','r','t','y','u','i','o','p','l','k','j','h','g','f','d','s','a','z','x', 'c','v','b','n','m','1','2','3','4','5','6','7','8','9','0','Q','W','E','R','T','Y','U','I','O','P','A' ,'S','D','F','G','H','J','K','L','M','N','B','V','C','X','Z');//定义一个显示文本的数组 $string = ''; for($i=0;$i<4;$i++){ $string.=$element[rand(0,count($element)-1)];//随机产生四个文本目标 } $img = imagecreatetruecolor($width, $height);//设置验证区宽高 $colorBg = imagecolorallocate($img,rand(185,255),rand(185,255),rand(185,255));//产生200-255的随机数 $colorBorder = imagecolorallocate($img,rand(50,100),rand(50,100),rand(50,100));//边框颜色 $colorDian = imagecolorallocate($img,rand(0,100),rand(0,100),rand(0,100));//背景小点的颜色 $colorLine = imagecolorallocate($img,rand(0,255),rand(0,255),rand(0,255)); $colorString = imagecolorallocate($img,rand(20,80),rand(20,80),rand(20,80)); imagefill($img, 0, 0, $colorBg);//设置位置和背景颜色 imagerectangle($img,0,0,$width-1,$height-1,$colorBorder);//画一个边框 for($i=0;$i<200;$i++){//循环出200个干扰点 imagesetpixel($img, rand(0, $width-1), rand(0, $height-1), $colorDian); } for($i=0;$i<round(5);$i++){//循环出5条干扰线 imageline($img,rand(0,$width/2),rand(0,$height/2),rand($width/2,$width),rand($height/2,$height),$colorLine); } //imagestring($img, 4, 0, 0,'a5dg', $colorString); imagettftext($img,25,rand(5, 15),rand(0,40),39,$colorString,'fonttype/PrincetownStd.otf',$string); // 图像名称 字体大小 倾斜角度 起始位置X轴 起始位置Y轴 颜色 字体位置 显示的内容 imagejpeg($img);//输出图像 ?>
index.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>孙三峰--验证码</title> <script type="text/javascript" src="js/jquery-1.1.0.js" ></script> </head> <body> <!--注意:原文中对应的ip地址是自己电脑端ip,如果不能正常运行,请修改ip--> <p> <label class="lbright">验证码:</label> <span> <input type="text" name="validcode" style="width:70px; vertical-align:middle;" id="validcode"/> <img id="codePic" src="http://192.168.1.113:8601/PHP/phpyanzheng/1.php" width="120" height="40"/> </span> <span id="codePic" onclick="getPic();">看不清楚,换一张</span> <!----> </p> </body> <script type="text/javascript"> function getPic(){ $("#codePic").attr("src","http://192.168.1.113:8601/PHP/phpyanzheng/1.php?flag="+Math.random()); <!--局部刷新--> }; </script> </html>
以上 この記事の内容は以上です、皆さんの学習に役立つことを願っています。
関連する推奨事項:
Java でウェブページ検証コード関数を実装する方法
以上がPHPでWebページに認証コード機能を実装する方法を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。