生成网页验证码(图片格式)

生成网页验证码(图片格式)



前言

效果:网页验证码,每过去5s生成一张新的7位验证码图片。
结果图片:
在这里插入图片描述


提示:以下是本篇文章正文内容:

一、生成网页验证码(图片格式)

1.是什么:

类似于我们日常生活中的验证码,比较通用。在用户登录的时候可以使用的到。

流程图:

在这里插入图片描述

7位验证码生成方法:

//方法:生成8位随机数,不够补0,最后返回一个字符串。------线程安全
    private String makeNum() {
        Random random = new Random();
        String num = random.nextInt(9999999) + "";//生成随机数
        StringBuffer sb = new StringBuffer();
        for (int i = 0; i < 7 - num.length(); i++) {
            sb.append("0");
        }
        num = sb.toString() + num;//注意2:0拼接子啊前面
        return num;
    }

2.代码实现:

注意:这里只有ImageServlet方法的实现,三部曲当中只有第一步,注册servlet和配置映射,部署tomcat服务器在此没有展示。

public class ImageServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //生成网站验证码:
        //1.让浏览器5s自动刷新一次
        resp.setHeader("refresh", "5");

        //2.在内存中创建一个图片
        //3.得到图片
        //4.设置图片的背景颜色
        //5.给图片写数据
        BufferedImage image = new BufferedImage(80, 20, BufferedImage.TYPE_INT_RGB);
        Graphics2D g = (Graphics2D) image.getGraphics();
        g.setColor(Color.white);//注意1:填充颜色
        g.fillRect(0, 0, 80, 20);//矩形填充
        g.setColor(Color.BLUE);
        g.setFont(new Font(null, Font.BOLD, 20));
        g.drawString(makeNum(), 0, 20);

        //6.告诉浏览器,这个请求,用图片的什么形式打开
        //7.不让浏览器进行缓存
        resp.setContentType("image/jpeg");
        resp.setDateHeader("expires", -1);
        resp.setHeader("Cache-control", "no-cache");
        resp.setHeader("Pragma", "no-cache");

        //8.把图片打开(写给浏览器)
        ImageIO.write(image, "jpg", resp.getOutputStream());

    }

    //方法:生成8位随机数,不够补0,最后返回一个字符串。------线程安全
    private String makeNum() {
        Random random = new Random();
        String num = random.nextInt(9999999) + "";//生成随机数
        StringBuffer sb = new StringBuffer();
        for (int i = 0; i < 7 - num.length(); i++) {
            sb.append("0");
        }
        num = sb.toString() + num;//注意2:0拼接子啊前面
        return num;
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doPost(req, resp);
    }
}

图解:

在这里插入图片描述

3.注意点:

生成具体验证码的方法(随机)比较重要,其他的方法以后可以有框架来帮助我们简化。

熟悉就行。


总结

提示:这里对文章进行总结:

不断地练习,进而熟练,从而掌握。

  • 14
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
以下是一个简单的 PHP 代码示例来生成随机验证码图片: ```php <?php // 开启session session_start(); // 定义验证码字符集合 $chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'; // 定义验证码长度 $length = 4; // 创建画布 $img = imagecreatetruecolor(100, 30); // 定义画布背景颜色 $bg_color = imagecolorallocate($img, 255, 255, 255); // 填充画布背景颜色 imagefill($img, 0, 0, $bg_color); // 生成验证码字符串 $code = ''; for ($i = 0; $i < $length; ++$i) { $code .= $chars[mt_rand(0, strlen($chars) - 1)]; } // 将验证码存入session $_SESSION['captcha_code'] = $code; // 将验证码绘制到画布上 $color = imagecolorallocate($img, 0, 0, 0); imagestring($img, 5, 20, 8, $code, $color); // 添加干扰线条 for ($i = 0; $i < 3; ++$i) { $line_color = imagecolorallocate($img, mt_rand(0, 255), mt_rand(0, 255), mt_rand(0, 255)); imageline($img, mt_rand(0, 100), mt_rand(0, 30), mt_rand(0, 100), mt_rand(0, 30), $line_color); } // 添加干扰点 for ($i = 0; $i < 50; ++$i) { $point_color = imagecolorallocate($img, mt_rand(0, 255), mt_rand(0, 255), mt_rand(0, 255)); imagesetpixel($img, mt_rand(0, 100), mt_rand(0, 30), $point_color); } // 输出图片 header('Content-Type: image/png'); imagepng($img); // 销毁画布 imagedestroy($img); ?> ``` 在上面的示例中,我们使用了 `imagecreatetruecolor()` 函数来创建一个 100x30 大小的画布,使用 `imagefill()` 函数填充了背景颜色,使用 `imagestring()` 函数将验证码字符串绘制到画布上,并使用 `imageline()` 和 `imagesetpixel()` 函数添加了一些干扰线条和干扰点。最后,我们使用 `header()` 函数设置输出类型为 png 格式,并使用 `imagepng()` 函数将画布输出到浏览器上。生成验证码字符串会存储在 `$_SESSION['captcha_code']` 变量中,可以用于后续的验证。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

lennard-lhz

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值