thinkphp think-captcha 前后端分离图形验证码

2025/6/9 18:00:12 来源：https://blog.csdn.net/fendouweiqian/article/details/145952485 浏览: 次关键词：thinkphp think-captcha 前后端分离图形验证码

think-captcha 本身支持API 接口的形式返回，可以看到源代码：

ob_start();
// 输出图像
imagepng($this->im);
$content = ob_get_clean();
imagedestroy($this->im);// API调用模式
if ($this->api) {return ['code' => implode('', $text),'img'  => 'data:image/png;base64,' . base64_encode($content),];
}
// 输出验证码图片
return response($content, 200, ['Content-Length' => strlen($content)])->contentType('image/png');

但是官方没有说明，也未提供方法验证。
我们自己实现，逻辑很简单：code就是验证码，img是base64的图形，直接给前端用
我们只需要将验证码存储到redis、file等地方。接下来上代码

// 生成验证码，使用key、value保存
public function captcha()
{$captcha = Captcha::create();$token = uniqid('captcha_', true);Cache::store('redis')->set($token, $captcha['code'], 300);return $this->data(['vcode' => $token,'image' => $captcha['img'],]);
}// 校验验证码
public function account()
{$captcha = Request::param('captcha');$vcode = Request::param('vcode');// 从 Redis 获取验证码$code = Cache::store('redis')->get($vcode);if (!$code || strtolower($code) !== strtolower($captcha)) {return $this->faiL('验证码错误');}Cache::store('redis')->delete($vcode);... 其他的业务逻辑
}