思路与文件上传相同,只是验证码一个方法:
<img src="{:captcha_src()}" />
后台文件:app\ceshi\yam
<?php
namespace app\ceshi\controller;
use think\Controller;
use think\Db;
class Yzm extends Controller{
public function index()
{
return $this->fetch();
}
public function check($code=‘‘)
{
$captcha = new \think\captcha\Captcha();
if(!$captcha->check($code)) {
$this->error(‘验证码错误‘);
}
else {
$this->success(‘验证码正确‘);
}
}
}
前端文件:yzm/index.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>图片验证示例</title>
</head>
<body>
<h2>图片验证示例</h2>
<div>
<!--验证数据-->
<FORM method="post" class="form" action="{:url(‘check‘)}" name=‘tj‘>
<p><input name="code" type="text" placeholder="请输入验证码" style="width:100px;">
<span>
<!--{:captcha_img()}-->
<img id="verify_img" src="{:captcha_src()}" alt="请点击刷新验证码" onclick="this.src=‘{:captcha_src()}‘+‘?‘+Math.random()"/>
</span>
</p>
<p style="margin-top:30px;"><input name="tj" type="submit" class="button" value="提交"></p>
</FORM>
</div>
</body>
</html>
实现效果:
输入验证码正确:
输入验证码错误:
时间： 2024-08-28 23:09:16