Twenty-Four Bridges Moonlight Night 24

　Verification codes are implemented more and more in forms, but verification codes written in js always feel inconvenient, so I learned about verification codes implemented in php.

　Well, I actually had nothing to do, but I didn’t want to waste time, so I learned how to implement verification codes in PHP. As the saying goes, having too many skills does not weigh you down. Moreover, it can also be encapsulated into a function, which is very convenient for future use. Of course, it is not encapsulated now.

Now let’s talk about the simple purely numerical verification code.

　　 If you are a beginner, it is recommended to follow the comments of my code //number step by step. The easiest way is to copy the entire code.

Create a new captcha.php:

<span>php
    </span><span>//</span><span>10>设置session,必须处于脚本最顶部</span><span>session_start</span><span>();

    </span><span>$image</span> = imagecreatetruecolor(100, 30);        <span>//</span><span>1>设置验证码图片大小的函数
    //5>设置验证码颜色 imagecolorallocate(int im, int red, int green, int blue);</span><span>$bgcolor</span> = imagecolorallocate(<span>$image</span>,255,255,255); <span>//</span><span>#ffffff
    //6>区域填充 int imagefill(int im, int x, int y, int col)  (x,y) 所在的区域着色,col 表示欲涂上的颜色</span>    imagefill(<span>$image</span>, 0, 0, <span>$bgcolor</span><span>);
    </span><span>//</span><span>10>设置变量</span><span>$captcha_code</span> = ""<span>;
    </span><span>//</span><span>7>生成随机数字</span><span>for</span>(<span>$i</span>=0;<span>$i</span>$i++<span>){
        </span><span>//</span><span>设置字体大小</span><span>$fontsize</span> = 6<span>;        
        </span><span>//</span><span>设置字体颜色，随机颜色</span><span>$fontcolor</span> = imagecolorallocate(<span>$image</span>, <span>rand</span>(0,120),<span>rand</span>(0,120), <span>rand</span>(0,120));            <span>//</span><span>0-120深颜色
        //设置数字</span><span>$fontcontent</span> = <span>rand</span>(0,9<span>);
        </span><span>//</span><span>10>.=连续定义变量</span><span>$captcha_code</span> .= <span>$fontcontent</span><span>;    
        </span><span>//</span><span>设置坐标</span><span>$x</span> = (<span>$i</span>*100/4)+<span>rand</span>(5,10<span>);
        </span><span>$y</span> = <span>rand</span>(5,10<span>);

        imagestring(</span><span>$image</span>,<span>$fontsize</span>,<span>$x</span>,<span>$y</span>,<span>$fontcontent</span>,<span>$fontcolor</span><span>);
    }
    </span><span>//</span><span>10>存到session</span><span>$_SESSION</span>['authcode'] = <span>$captcha_code</span><span>;
    </span><span>//</span><span>8>增加干扰元素，设置雪花点</span><span>for</span>(<span>$i</span>=0;<span>$i</span>$i++<span>){
        </span><span>//</span><span>设置点的颜色，50-200颜色比数字浅，不干扰阅读</span><span>$pointcolor</span> = imagecolorallocate(<span>$image</span>,<span>rand</span>(50,200), <span>rand</span>(50,200), <span>rand</span>(50,200<span>));        
        </span><span>//</span><span>imagesetpixel — 画一个单一像素</span>        imagesetpixel(<span>$image</span>, <span>rand</span>(1,99), <span>rand</span>(1,29), <span>$pointcolor</span><span>);
    }
    </span><span>//</span><span>9>增加干扰元素，设置横线</span><span>for</span>(<span>$i</span>=0;<span>$i</span>$i++<span>){
        </span><span>//</span><span>设置线的颜色</span><span>$linecolor</span> = imagecolorallocate(<span>$image</span>,<span>rand</span>(80,220), <span>rand</span>(80,220),<span>rand</span>(80,220<span>));
        </span><span>//</span><span>设置线，两点一线</span>        imageline(<span>$image</span>,<span>rand</span>(1,99), <span>rand</span>(1,29),<span>rand</span>(1,99), <span>rand</span>(1,29),<span>$linecolor</span><span>);
    }

    </span><span>//</span><span>2>设置头部，image/png</span><span>header</span>('Content-Type: image/png'<span>);
    </span><span>//</span><span>3>imagepng() 建立png图形函数</span>    imagepng(<span>$image</span><span>);
    </span><span>//</span><span>4>imagedestroy() 结束图形函数  销毁$image</span>    imagedestroy(<span>$image</span>);

The next step is the code for the static page: index.html

<span><span>doctype html</span><span>></span><span><span>html</span><span>></span><span><span>head</span><span>></span><span><span>meta </span><span>http-equiv</span><span>="Content-Type"</span><span> content</span><span>="text/html; charset=UTF-8"</span><span>></span><span><span>title</span><span>></span>确认验证码<span></span><span>title</span><span>></span><span></span><span>head</span><span>></span><span><span>body</span><span>></span><span><span>form </span><span>method</span><span>="post"</span><span> action</span><span>="./form.php"</span><span>></span><span><span>p</span><span>></span>验证码: <span><span>img </span><span>id</span><span>="captcha_img"</span><span> border</span><span>='1' </span><span>src</span><span>='./captcha.php?r=<?php </span><span>echo rand(); ?</span><span>></span><span>' />
                </span><span><span>a </span><span>href</span><span>="javascript:void(0)"</span><span> onclick</span><span>="document.getElementById('captcha_img').src='./captcha.php?r='+Math.random()"</span><span>></span>换一个?<span></span><span>a</span><span>></span><span></span><span>p</span><span>></span><span><span>P</span><span>></span>请输入验证码:<span><span>input </span><span>type</span><span>="text"</span><span> name</span><span>='authcode' </span><span>value</span><span>=''</span><span>/></span><span>p</span><span>></span><span><span>p</span><span>><span>input </span><span>type</span><span>='submit' </span><span>value</span><span>='提交' </span><span>style</span><span>='padding:6px </span><span>5px;'</span><span>/></span><span>p</span><span>></span><span></span><span>body</span><span>></span><span></span><span>html</span><span>></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>

As you can see from index.html, the submitted form is to form. php, so there is also a form.php code for judgment:

<span>php
    </span><span>header</span>("Content-Type:text/html;charset=utf-8");            <span>//</span><span>设置头部信息
    //isset()检测变量是否设置</span><span>if</span>(<span>isset</span>(<span>$_REQUEST</span>['authcode'<span>])){
        </span><span>session_start</span><span>();
        </span><span>//</span><span>strtolower()小写函数</span><span>if</span>(<span>strtolower</span>(<span>$_REQUEST</span>['authcode'])== <span>$_SESSION</span>['authcode'<span>]){
            </span><span>//</span><span>跳转页面</span><span>echo</span> "<script language='\"javascript\"'>"<span>;
            <span>echo "document.location=\"./form.php\""<span>;
            <span>echo "</script>"<span>;
        }</span><span>else</span><span>{
            </span><span>//</span><span>提示以及跳转页面</span><span>echo</span> "<script language='\"javascript\"'>"<span>;
            <span>echo "alert('输入错误!');"<span>;
            <span>echo "document.location=\"./form.php\""<span>;
            <span>echo "</script>"<span>;
        }
        </span><span>exit</span><span>();
    }</span>

　The display page is as follows:

　 Then, if pure numbers are implemented, it should not be difficult to add numbers and English. The code to be modified is just to change //7>Generate random numbers in captcha.php to //7>Generate random letters and numbers, if you are really cute If you think it can be achieved after modifying these few words, then congratulations to you and you will always be happy. Children with brain disabilities have a lot of fun.

Without further ado, let’s pull the code.

<span>php
    </span><span>//</span><span>10>设置session,必须处于脚本最顶部</span><span>session_start</span><span>();

    </span><span>$image</span> = imagecreatetruecolor(100, 30);        <span>//</span><span>1>设置验证码图片大小的函数
    //5>设置验证码颜色 imagecolorallocate(int im, int red, int green, int blue);</span><span>$bgcolor</span> = imagecolorallocate(<span>$image</span>,255,255,255); <span>//</span><span>#ffffff
    //6>区域填充 int imagefill(int im, int x, int y, int col)  (x,y) 所在的区域着色,col 表示欲涂上的颜色</span>    imagefill(<span>$image</span>, 0, 0, <span>$bgcolor</span><span>);
    </span><span>//</span><span>10>设置变量</span><span>$captcha_code</span> = ""<span>;
    </span><span>//</span><span>7>生成随机的字母和数字</span><span>for</span>(<span>$i</span>=0;<span>$i</span>$i++<span>){
        </span><span>//</span><span>设置字体大小</span><span>$fontsize</span> = 8<span>;        
        </span><span>//</span><span>设置字体颜色，随机颜色</span><span>$fontcolor</span> = imagecolorallocate(<span>$image</span>, <span>rand</span>(0,120),<span>rand</span>(0,120), <span>rand</span>(0,120));            <span>//</span><span>0-120深颜色
        //设置需要随机取的值,去掉容易出错的值如0和o</span><span>$data</span> ='abcdefghigkmnpqrstuvwxy3456789'<span>;
        </span><span>//</span><span>取出值，字符串截取方法   strlen获取字符串长度</span><span>$fontcontent</span> = <span>substr</span>(<span>$data</span>, <span>rand</span>(0,<span>strlen</span>(<span>$data</span>)),1<span>);
        </span><span>//</span><span>10>.=连续定义变量</span><span>$captcha_code</span> .= <span>$fontcontent</span><span>;        
        </span><span>//</span><span>设置坐标</span><span>$x</span> = (<span>$i</span>*100/4)+<span>rand</span>(5,10<span>);
        </span><span>$y</span> = <span>rand</span>(5,10<span>);

        imagestring(</span><span>$image</span>,<span>$fontsize</span>,<span>$x</span>,<span>$y</span>,<span>$fontcontent</span>,<span>$fontcolor</span><span>);
    }
    </span><span>//</span><span>10>存到session</span><span>$_SESSION</span>['authcode'] = <span>$captcha_code</span><span>;
    </span><span>//</span><span>8>增加干扰元素，设置雪花点</span><span>for</span>(<span>$i</span>=0;<span>$i</span>$i++<span>){
        </span><span>//</span><span>设置点的颜色，50-200颜色比数字浅，不干扰阅读</span><span>$pointcolor</span> = imagecolorallocate(<span>$image</span>,<span>rand</span>(50,200), <span>rand</span>(50,200), <span>rand</span>(50,200<span>));        
        </span><span>//</span><span>imagesetpixel — 画一个单一像素</span>        imagesetpixel(<span>$image</span>, <span>rand</span>(1,99), <span>rand</span>(1,29), <span>$pointcolor</span><span>);
    }
    </span><span>//</span><span>9>增加干扰元素，设置横线</span><span>for</span>(<span>$i</span>=0;<span>$i</span>$i++<span>){
        </span><span>//</span><span>设置线的颜色</span><span>$linecolor</span> = imagecolorallocate(<span>$image</span>,<span>rand</span>(80,220), <span>rand</span>(80,220),<span>rand</span>(80,220<span>));
        </span><span>//</span><span>设置线，两点一线</span>        imageline(<span>$image</span>,<span>rand</span>(1,99), <span>rand</span>(1,29),<span>rand</span>(1,99), <span>rand</span>(1,29),<span>$linecolor</span><span>);
    }

    </span><span>//</span><span>2>设置头部，image/png</span><span>header</span>('Content-Type: image/png'<span>);
    </span><span>//</span><span>3>imagepng() 建立png图形函数</span>    imagepng(<span>$image</span><span>);
    </span><span>//</span><span>4>imagedestroy() 结束图形函数  销毁$image</span>    imagedestroy(<span>$image</span>);

The other two pages are not allowed to be modified.

Generally speaking, it is enough for now. But just like anime, there will always be extras.

Then, let’s do a side story about Chinese characters. In fact, I am also planning to put the Chinese character verification code into my graduation project. Although sliding verification codes are very popular now, I am not specialized in learning js after all.

Moreover, you can also tell the defending teacher that our verification code does not require materials, even the pictures are generated, and there is nothing to pretend to be 13 with your own knowledge.

<span>php
    </span><span>//</span><span>11>设置session,必须处于脚本最顶部</span><span>session_start</span><span>();

    </span><span>//</span><span>1>设置验证码图片大小的函数</span><span>$image</span> = imagecreatetruecolor(200, 60<span>);        
    </span><span>//</span><span>5>设置验证码颜色 imagecolorallocate(int im, int red, int green, int blue);</span><span>$bgcolor</span> = imagecolorallocate(<span>$image</span>,255,255,255); <span>//</span><span>#ffffff
    //6>区域填充 int imagefill(int im, int x, int y, int col)  (x,y) 所在的区域着色,col 表示欲涂上的颜色</span>    imagefill(<span>$image</span>, 0, 0, <span>$bgcolor</span><span>);
    </span><span>//</span><span>7>设置ttf字体</span><span>$fontface</span> = 'FZYTK.TTF'<span>;
    </span><span>//</span><span>7>设置字库，实现简单的数字储备</span><span>$str</span>='天地不仁以万物为刍狗圣人不仁以百姓为刍狗这句经常出现在控诉暴君暴政上地残暴不仁把万物都当成低贱的猪狗来看待而那些高高在上的所谓圣人们也没两样还不是把我们老百姓也当成猪狗不如的东西但实在正取的解读是地不情感用事对万物一视同仁圣人不情感用事对百姓一视同仁执子之手与子偕老当男女主人公含情脉脉看着对方说了句执子之手与子偕老女方泪眼朦胧含羞地回一句讨厌啦这样的情节我们是不是见过很多但是我们来看看这句的原句死生契阔与子成说执子之手与子偕老于嗟阔兮不我活兮于嗟洵兮不我信兮意思是说战士之间的约定说要一起死现在和我约定的人都走了我怎么活啊赤裸裸的兄弟江湖战友友谊啊形容好基友的基情比男女之间的爱情要合适很多吧'<span>;
    </span><span>//</span><span>str_split()切割字符串为一个数组,一个中文在utf_8为3个字符</span><span>$strdb</span> = <span>str_split</span>(<span>$str</span>,3<span>);    
    </span><span>//</span><span>>11</span><span>$captcha_code</span> = ''<span>;
    </span><span>//</span><span>8>生成随机的汉子</span><span>for</span>(<span>$i</span>=0;<span>$i</span>$i++<span>){
        </span><span>//</span><span>设置字体颜色，随机颜色</span><span>$fontcolor</span> = imagecolorallocate(<span>$image</span>, <span>rand</span>(0,120),<span>rand</span>(0,120), <span>rand</span>(0,120));            <span>//</span><span>0-120深颜色
        //随机选取中文</span><span>$in</span> = <span>rand</span>(0,<span>count</span>(<span>$strdb</span><span>));
        </span><span>$cn</span> = <span>$strdb</span>[<span>$in</span><span>];
        </span><span>//</span><span>将中文记录到将保存到session的字符串中</span><span>$captcha_code</span> .= <span>$cn</span><span>;
        </span><span>/*</span><span>imagettftext (resource $image ,float $size ,float $angle ,int $x ,int $y,int $color,
        string $fontfile ,string $text ) 幕布 ，尺寸，角度，坐标，颜色，字体路径，文本字符串
        mt_rand()生成更好的随机数,比rand()快四倍</span><span>*/</span><span>        imagettftext(</span><span>$image</span>, <span>mt_rand</span>(20,24),<span>mt_rand</span>(-60,60),(40*<span>$i</span>+20),<span>mt_rand</span>(30,35),<span>$fontcolor</span>,<span>$fontface</span>,<span>$cn</span><span>);
    }
    </span><span>//</span><span>11>存到session</span><span>$_SESSION</span>['authcode'] = <span>$captcha_code</span><span>;
    </span><span>//</span><span>9>增加干扰元素，设置点</span><span>for</span>(<span>$i</span>=0;<span>$i</span>$i++<span>){
        </span><span>//</span><span>设置点的颜色，50-200颜色比数字浅，不干扰阅读</span><span>$pointcolor</span> = imagecolorallocate(<span>$image</span>,<span>rand</span>(50,200), <span>rand</span>(50,200), <span>rand</span>(50,200<span>));        
        </span><span>//</span><span>imagesetpixel — 画一个单一像素</span>        imagesetpixel(<span>$image</span>, <span>rand</span>(1,199), <span>rand</span>(1,59), <span>$pointcolor</span><span>);
    }
    </span><span>//</span><span>10>增加干扰元素，设置线</span><span>for</span>(<span>$i</span>=0;<span>$i</span>$i++<span>){
        </span><span>//</span><span>设置线的颜色</span><span>$linecolor</span> = imagecolorallocate(<span>$image</span>,<span>rand</span>(80,220), <span>rand</span>(80,220),<span>rand</span>(80,220<span>));
        </span><span>//</span><span>设置线，两点一线</span>        imageline(<span>$image</span>,<span>rand</span>(1,199), <span>rand</span>(1,59),<span>rand</span>(1,199), <span>rand</span>(1,59),<span>$linecolor</span><span>);
    }

    </span><span>//</span><span>2>设置头部，image/png</span><span>header</span>('Content-Type: image/png'<span>);
    </span><span>//</span><span>3>imagepng() 建立png图形函数</span>    imagepng(<span>$image</span><span>);
    </span><span>//</span><span>4>imagedestroy() 结束图形函数  销毁$image</span>    imagedestroy(<span>$image</span>);

　 Other pages do not need to be modified.

　The rendering is as follows:

The above has introduced the Twenty-four Bridges on the Moon Night 24, including the relevant content. I hope it will be helpful to friends who are interested in PHP tutorials.