09、手写验证码

login.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
    function refeshCode(){
        var imgTag = document.getElementById("img");
        imgTag.src = "/servletContext/VerificationCode?" +new Date().getTime();//更新验证码
    }
</script>
</head>
<body>    
    <div>
        用户名: <input type='text'><br>
        密码: <input type='text'>
        <img src = '/servletContext/VerificationCode' id='img'>
        <a href='javascript:refeshCode()'>看不清？换一张</a>
    </div>
</body>
</html>

 

 

VerificationCode.java

package com.ivan.web;

import java.awt.Color;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.FileInputStream;
import java.io.IOException;
import java.net.URLEncoder;
import java.util.Properties;
import java.util.Random;

import javax.imageio.ImageIO;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * 验证码Servlet
 * @author ivan
 *
 */
@WebServlet("/VerificationCode")
public class VerificationCode extends HttpServlet{

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        
//        BufferedImage:内存图像
//        Graphics：画笔
//        ImageIO：输出图像
        
        //1.创建一个图片对象【画布】
        int width = 120;
        int height = 30;
        BufferedImage bi = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
        
        //2.拿到画笔
        Graphics graphics = bi.getGraphics();
        
        //3.图个背景颜色
        graphics.setColor(Color.yellow);
        //Rectangle
        graphics.fillRect(0, 0, width, height);
        
        //4.画干扰线(4条)
        //重新设置画笔颜色
        graphics.setColor(Color.gray);
        Random random = new Random();
        for(int i=0;i<4;i++){
            
            //第一个点
            int x1 = random.nextInt(width);
            int y1 = random.nextInt(height);
            
            //第二个点
            int x2 = random.nextInt(width);;
            int y2 = random.nextInt(height);
            graphics.drawLine(x1, y1, x2, y2);
        }
        
        //5.画验证码(4个随机数)
        graphics.setColor(Color.black);
        int left = 5;
        for(int i=0;i < 4;i++){
            int r = random.nextInt(10);
            System.out.println("x=" + (left + i * 20));
            graphics.drawString(r + "", left + i * 20 ,20);
        }
        
        //设置响应的类型
        response.setContentType("image/jpeg");
        //把图片输出给客户端
        ImageIO.write(bi, "JPEG", response.getOutputStream());
        
    }

}

 

posted @ 2019-01-06 17:57  expworld  阅读(97)  评论(0)    收藏  举报