首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >图片验证码

图片验证码

作者头像
木瓜煲鸡脚
发布2019-08-20 14:34:28
2.1K0
发布2019-08-20 14:34:28
举报

图片验证码

1.装有各种成语的文本文件

2.随机选取词语并绘制的servlet

3.页面静态文件html

4.判断验证码是否输入正确的servlet

01

words.txt

福如东海
寿比南山
马到成功
守株待兔
亡羊补牢

02

CheckWord.java

public class CheckWord extends HttpServlet {    private List<String> words = new ArrayList<String>();    @Override
    public void init() throws ServletException {        // 初始化阶段,读取new_words.txt
        // web工程中读取 文件,必须使用绝对磁盘路径
        String path = getServletContext().getRealPath("words.txt");        try {
            BufferedReader reader = new BufferedReader(new FileReader(path));
            String line;            while ((line = reader.readLine()) != null) {
                words.add(line);
            }
            reader.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {        // 禁止缓存
        // response.setHeader("Cache-Control", "no-cache");
        // response.setHeader("Pragma", "no-cache");
        // response.setDateHeader("Expires", -1);
        request.setCharacterEncoding("UTF-8");        int width = 120;        int height = 30;        // 步骤一 绘制一张内存中图片
        BufferedImage bufferedImage = new BufferedImage(width, height,
                BufferedImage.TYPE_INT_RGB);        // 步骤二 图片绘制背景颜色 ---通过绘图对象
        Graphics graphics = bufferedImage.getGraphics();// 得到画图对象 --- 画笔
        // 绘制任何图形之前 都必须指定一个颜色
        graphics.setColor(getRandColor(200, 250));
        graphics.fillRect(0, 0, width, height);        // 步骤三 绘制边框
        graphics.setColor(Color.WHITE);
        graphics.drawRect(0, 0, width - 1, height - 1);        // 步骤四 四个随机数字
        Graphics2D graphics2d = (Graphics2D) graphics;        // 设置输出字体
        graphics2d.setFont(new Font("宋体", Font.BOLD, 18));

        Random random = new Random();// 生成随机数
        int index = random.nextInt(words.size());
        String word = words.get(index);// 获得成语

        // 定义x坐标
        int x = 10;        for (int i = 0; i < word.length(); i++) {            // 随机颜色
            graphics2d.setColor(new Color(20 + random.nextInt(110), 20 + random
                    .nextInt(110), 20 + random.nextInt(110)));            // 旋转 -30 --- 30度
            int jiaodu = random.nextInt(60) - 30;            // 换算弧度
            double theta = jiaodu * Math.PI / 180;            // 获得字母数字
            char c = word.charAt(i);            // 将c 输出到图片
            graphics2d.rotate(theta, x, 20);
            graphics2d.drawString(String.valueOf(c), x, 20);
            graphics2d.rotate(-theta, x, 20);
            x += 30;
        }        // 将验证码内容保存session
        request.getSession().setAttribute("checkcode", word);        // 步骤五 绘制干扰线
        graphics.setColor(getRandColor(160, 200));        int x1;        int x2;        int y1;        int y2;        for (int i = 0; i < 30; i++) {
            x1 = random.nextInt(width);
            x2 = random.nextInt(12);
            y1 = random.nextInt(height);
            y2 = random.nextInt(12);
            graphics.drawLine(x1, y1, x1 + x2, x2 + y2);
        }        // 将上面图片输出到浏览器 ImageIO
        graphics.dispose();// 释放资源

        //将图片写到response.getOutputStream()中
        ImageIO.write(bufferedImage, "jpg", response.getOutputStream());

    }    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doGet(request, response);
    }    /**
     * 取其某一范围的color
     * 
     * @param fc
     *            int 范围参数1
     * @param bc
     *            int 范围参数2
     * @return Color
     */
    private Color getRandColor(int fc, int bc) {        // 取其随机颜色
        Random random = new Random();        if (fc > 255) {
            fc = 255;
        }        if (bc > 255) {
            bc = 255;
        }        int r = fc + random.nextInt(bc - fc);        int g = fc + random.nextInt(bc - fc);        int b = fc + random.nextInt(bc - fc);        return new Color(r, g, b);
    }

}

03

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!--实现点击图片就再访问一次,并避免缓存问题-->
<script type="text/javascript">
    function freshen(obj){    
        obj.src="/check/CheckWord?time="+new Date().getTime();        
    }
</script>

</head>
<body>
<form action="/check/Judge">

        <img src="/check/CheckWord" onclick="freshen(this)"></br></br>
        <input type="text" name="inputWord" placeholder="请输入验证码"></br></br>
        <input type="submit" value="提交"> 
</form>
</body>
</html>

04

Judge.java

public class Judge extends HttpServlet {    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.setContentType("text/html;charset=UTF-8");

        String inputword= request.getParameter("inputWord");

        String checkword = (String) this.getServletContext().getAttribute("checkcode");        
        if(checkword.equals(inputword)) {
            response.getWriter().write("注册成功");
        }else {
            response.getWriter().write("验证码输入失败");
            response.setHeader("refresh", "2;url=/check");
        }

    }

}

05

演示

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-08-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 IT那个小笔记 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
验证码
腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档