Home Backend Development PHP Tutorial php验证码和不能正常显示解决办法

php验证码和不能正常显示解决办法

Jun 13, 2016 am 11:51 AM
gt height lt this width

php验证码和不能正常显示解决方法

效果如图:

?

文件都放到了同一文件夹下。

?

CreateImage.class.php

<?phpclass ValidationCode{	private $width,$height,$codenum;	public $checkcode;     //产生的验证码	private $checkimage;    //验证码图片	private $disturbColor = ''; //干扰像素		function __construct($width='80',$height='20',$codenum='4')	{	   $this->width=$width;	   $this->height=$height;	   $this->codenum=$codenum;	}		function outImg()	{	   //输出头	   $this->outFileHeader();	   //产生验证码	   $this->createCode();		   //产生图片	   $this->createImage();	   //设置干扰像素	   $this->setDisturbColor();	   //往图片上写验证码	   $this->writeCheckCodeToImage();	   imagepng($this->checkimage);	   imagedestroy($this->checkimage);	}		private function outFileHeader()	{	   header ('Content-type: image/png');	}		private function createCode()	{	   $this->checkcode = strtoupper(substr(md5(rand()),0,$this->codenum));	}		private function createImage()	{	   $this->checkimage = @imagecreate($this->width,$this->height);	   $back = imagecolorallocate($this->checkimage,255,255,255);	   $border = imagecolorallocate($this->checkimage,0,0,0);  	   imagefilledrectangle($this->checkimage,0,0,$this->width - 1,$this->height - 1,$back); // 白色底	   imagerectangle($this->checkimage,0,0,$this->width - 1,$this->height - 1,$border);   // 黑色边框	}		private function setDisturbColor()	{	   for ($i=0;$i<=200;$i++)	   {		$this->disturbColor = imagecolorallocate($this->checkimage, rand(0,255), rand(0,255), rand(0,255));		imagesetpixel($this->checkimage,rand(2,128),rand(2,38),$this->disturbColor);	   }	}		private function writeCheckCodeToImage()	{	   for ($i=0;$i<=$this->codenum;$i++)	   {		$bg_color = imagecolorallocate ($this->checkimage, rand(0,255), rand(0,128), rand(0,255));		$x = floor($this->width/$this->codenum)*$i;		$y = rand(0,$this->height-15);		imagechar ($this->checkimage, rand(5,8), $x, $y, $this->checkcode[$i], $bg_color);	   }	}		function __destruct()	{	   unset($this->width,$this->height,$this->codenum);	}}
Copy after login

?

checks.php

?

<?phpini_set('display_errors','off');session_start();header("content-type:image/png");  	  //设置创建图像的格式$image_width=70;                      //设置图像宽度$image_height=18;                     //设置图像高度srand(microtime()*100000);         	  //设置随机数的种子for($i=0;$i<4;$i++){                  //循环输出一个4位的随机数   $new_number.=dechex(rand(0,15));}$_SESSION[check_checks]=$new_number;    //将获取的随机数验证码写入到SESSION变量中     $num_image=imagecreate($image_width,$image_height);  //创建一个画布imagecolorallocate($num_image,255,255,255);     	 //设置画布的颜色for($i=0;$i<strlen($_SESSION[check_checks]);$i++){  //循环读取SESSION变量中的验证码   $font=mt_rand(3,5);                            	//设置随机的字体   $x=mt_rand(1,8)+$image_width*$i/4;               //设置随机字符所在位置的X坐标   $y=mt_rand(1,$image_height/4);                   //设置随机字符所在位置的Y坐标   $color=imagecolorallocate($num_image,mt_rand(0,100),mt_rand(0,150),mt_rand(0,200));  	 //设置字符的颜色   imagestring($num_image,$font,$x,$y,$_SESSION[check_checks][$i],$color);				     //水平输出字符}imagepng($num_image);      			//生成PNG格式的图像imagedestroy($num_image);  			//释放图像资源?>
Copy after login

?

index.php

?

<?phpheader("content-type:text/html; charset=utf-8");session_start();if(!empty($_POST["Submit"])){$checks=$_POST["checks"];if($checks==""){echo "<script> alert('验证码不能为空');window.location.href='index.php';</script>";}if($checks==$_SESSION[check_checks]){	echo "<script> alert('用户登录成功!');window.location.href='index.php';</script>";}else{	echo "<script> alert('您输入的验证码不正确!');window.location.href='index.php';</script>";}}?><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>rand函数的应用</title><style type="text/css"><!--.STYLE1 {	font-size: 12px;	color: #FFFFFF;	font-weight: bold;}.style2 {font-weight: bold; font-size: 12px;}--></style></head><body><form name="form" method="post" action=""><input type="hidden" name="Submit" id="Submit" value="1" />  <table width="1003" border="0" cellspacing="0" cellpadding="0">    <tr>      <td width="168" height="169" background="images/index_01.gif"> </td>      <td width="685" background="images/index_02.gif"> </td>      <td width="150" background="images/index_03.gif"> </td>    </tr>    <tr>      <td width="168" height="311" background="images/index_04.gif"> </td>      <td background="images/index_05.gif"><table width="675" height="169"  border="0" cellpadding="0" cellspacing="0">        <tr>          <td height="43" align="center" valign="baseline"> </td>          <td align="center" valign="middle"> </td>          <td align="center" valign="baseline"> </td>        </tr>        <tr>          <td width="382" height="24" align="center" valign="baseline"> </td>          <td width="207" height="24" valign="middle"><span class="style2">用户名</span><span class="STYLE1">            <input  name="txt_user" id="txt_user" style="height:20px " size="10">              </span></td>          <td width="86" height="24" align="center" valign="baseline"> </td>        </tr>        <tr>          <td height="24" align="center" valign="baseline"> </td>          <td height="24" valign="middle"><span class="style2">密码</span><span class="STYLE1">          <input  name="txt_pwd" type="password" id="txt_pwd" style="FONT-SIZE: 9pt; height:20px" size="10">          </span></td>          <td height="24" align="center" valign="baseline"> </td>        </tr>        <tr>          <td height="24" align="center" valign="baseline"> </td>          <td height="24" valign="middle"><span class="style2">验证码</span><span class="STYLE1">          <input name="checks" size="6" style="height:20px ">          <img  src="/static/imghw/default1.png"  data-src="./checks.php"  class="lazy"    style="max-width:90%"  style="max-width:90%" border="0" align="bottom" alt="php验证码和不能正常显示解决办法" ></span>  </td>          <td height="24" align="center" valign="baseline"> </td>        </tr>        <tr>          <td height="40" align="center" valign="baseline"> </td>          <td align="center" valign="baseline">    <input type="submit" id="Submit" name="Submit" value="登录" /></td>          <td align="center" valign="baseline"> </td>        </tr>      </table></td>      <td background="images/index_06.gif"> </td>    </tr>    <tr>      <td height="100"> </td>      <td> </td>      <td> </td>    </tr>  </table></form></body></html>
Copy after login

?

************************************容易出现的问题*************

?

?

?

1.未开启php_gd2.dll? 去php.ini将其前面的“ ;”去掉

2.上面的checks.php中

3.字符编码改为统一的

4.最容易忽略的一点:

? 你本机上的环境是将报错提示全部打开的,所以在输出时有系统的未定义提示信息也跟着一起输出了,这样生成的图片肯定就不正常了,方法有两,在ValidationCode.php和checks.php文件开头加上ini_set('display_errors',?'Off');??就ok了

?

?

?

**********************************************************

?

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

What are the differences between Huawei GT3 Pro and GT4? What are the differences between Huawei GT3 Pro and GT4? Dec 29, 2023 pm 02:27 PM

Many users will choose the Huawei brand when choosing smart watches. Among them, Huawei GT3pro and GT4 are very popular choices. Many users are curious about the difference between Huawei GT3pro and GT4. Let’s introduce the two to you. . What are the differences between Huawei GT3pro and GT4? 1. Appearance GT4: 46mm and 41mm, the material is glass mirror + stainless steel body + high-resolution fiber back shell. GT3pro: 46.6mm and 42.9mm, the material is sapphire glass + titanium body/ceramic body + ceramic back shell 2. Healthy GT4: Using the latest Huawei Truseen5.5+ algorithm, the results will be more accurate. GT3pro: Added ECG electrocardiogram and blood vessel and safety

Fix: Snipping tool not working in Windows 11 Fix: Snipping tool not working in Windows 11 Aug 24, 2023 am 09:48 AM

Why Snipping Tool Not Working on Windows 11 Understanding the root cause of the problem can help find the right solution. Here are the top reasons why the Snipping Tool might not be working properly: Focus Assistant is On: This prevents the Snipping Tool from opening. Corrupted application: If the snipping tool crashes on launch, it might be corrupted. Outdated graphics drivers: Incompatible drivers may interfere with the snipping tool. Interference from other applications: Other running applications may conflict with the Snipping Tool. Certificate has expired: An error during the upgrade process may cause this issu simple solution. These are suitable for most users and do not require any special technical knowledge. 1. Update Windows and Microsoft Store apps

What does the width of html mean? What does the width of html mean? Jun 03, 2021 pm 02:15 PM

In HTML5, width means width. The width attribute defines the width of the element's content area. You can add inner margins, borders, and outer margins outside the content area. You only need to set "element {width: value}" to the element.

How to Fix Can't Connect to App Store Error on iPhone How to Fix Can't Connect to App Store Error on iPhone Jul 29, 2023 am 08:22 AM

Part 1: Initial Troubleshooting Steps Checking Apple’s System Status: Before delving into complex solutions, let’s start with the basics. The problem may not lie with your device; Apple's servers may be down. Visit Apple's System Status page to see if the AppStore is working properly. If there's a problem, all you can do is wait for Apple to fix it. Check your internet connection: Make sure you have a stable internet connection as the "Unable to connect to AppStore" issue can sometimes be attributed to a poor connection. Try switching between Wi-Fi and mobile data or resetting network settings (General > Reset > Reset Network Settings > Settings). Update your iOS version:

php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 Jun 13, 2016 am 10:23 AM

php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出?想实现这样的效果:而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端,那么就用Ajax;仅供参考:HTML code

Detailed explanation of CSS dimension properties: height and width Detailed explanation of CSS dimension properties: height and width Oct 21, 2023 pm 12:42 PM

Detailed explanation of CSS dimension properties: height and width In front-end development, CSS is a powerful style definition language. Among them, height and width are the two most basic dimension attributes, used to define the height and width of the element. This article will analyze these two properties in detail and provide specific code examples. 1. Height attribute The height attribute is used to define the height of an element. You can use pixel, percentage or

Is watch4pro better or gt? Is watch4pro better or gt? Sep 26, 2023 pm 02:45 PM

Watch4pro and gt each have different features and applicable scenarios. If you focus on comprehensive functions, high performance and stylish appearance, and are willing to bear a higher price, then Watch 4 Pro may be more suitable. If you don’t have high functional requirements and pay more attention to battery life and reasonable price, then the GT series may be more suitable. The final choice should be decided based on personal needs, budget and preferences. It is recommended to carefully consider your own needs before purchasing and refer to the reviews and comparisons of various products to make a more informed choice.

What are the methods for expressing width value in css? What are the methods for expressing width value in css? Nov 13, 2023 pm 05:47 PM

Methods include pixel value, percentage, em unit, rem unit, vw/vh unit, auto, fit-content, min-content, max-content. Detailed introduction: 1. Pixel value (px): The pixel value is fixed, and its width remains unchanged no matter how the screen resolution changes. For example: width: 300px; 2. Percent (%): The percentage width is relative to the width of the parent element. For example: width: 50%; 3, em unit, etc.

See all articles