[Java] 自定义验证码

最新推荐文章于 2023-01-18 20:22:25 发布

STILLxjy

最新推荐文章于 2023-01-18 20:22:25 发布

阅读量157

点赞数

分类专栏： javascript ——java——

本文链接：https://blog.csdn.net/STILLxjy/article/details/107231353

版权

——java—— 同时被 2 个专栏收录

29 篇文章 1 订阅

订阅专栏

javascript

5 篇文章 0 订阅

订阅专栏

效果展示：
在这里插入图片描述
HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Register</title>

    <script>
        window.onload = function(){
            //获取图片对象
            var img = document.getElementById("checkCode");
            img.onclick = function () {
                //加时间撮
                var date = new Date().getTime();
                img.src = "/day15/checkCodeServlet?" + date;
            }

            //获取超链接
            var a = document.getElementById("change");
            a.onclick = function () {
                //加时间撮
                var date = new Date().getTime();
                img.src = "/day15/checkCodeServlet?" + date;
            }
        }
    </script>
</head>
<body>
    <img id="checkCode" src="/day15/checkCodeServlet">
    <a id="change">看不清换一张？</a>
</body>
</html>

CheckCodeServlet代码：

package cn.itcast.web.servlet;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;

/**
 * 重定向
 */
@WebServlet("/checkCodeServlet")
public class CheckCodeServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        int width = 100;
        int height = 50;
        //1 创建一个图片对象
        BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_BGR);
        //2 美化图片
        Graphics g = image.getGraphics();
        //2.1 填充背景
        g.setColor(Color.PINK);
        g.fillRect(0,0,width,height);
        //2.2 画边框
        g.setColor(Color.BLUE);
        g.drawRect(0,0, width-1, height-1);
        //2.3 随机生成字符
        String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
        Random random = new Random();
        for (int i = 1; i <=4 ; i++) {
            int index = random.nextInt(str.length());
            char ch = str.charAt(index);
            g.drawString(ch+"", width/5*i, height/2);
        }
        //2.4 画干扰线
        g.setColor(Color.GREEN);
        for (int i = 0; i <10 ; i++) {
            int x1 = random.nextInt(width);
            int x2 = random.nextInt(width);
            int y1 = random.nextInt(height);
            int y2 = random.nextInt(height);
            g.drawLine(x1, y1, x2, y2);
        }
        //3 将图片输出到页面中
        ImageIO.write(image, "jpg", response.getOutputStream());
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }
}

STILLxjy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
[Java] 自定义验证码

效果展示：HTML代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Register</title> <script> window.onload = function(){ //获取图片对象 var img = document.ge
复制链接

扫一扫