java web,生成验证码图片的技术

时间:2023-03-08 16:16:15

偶然知道原来有些网站的验证码图片都是随机生成的,后来听人讲了一下,就做了这个小例子

java web,生成验证码图片的技术java web,生成验证码图片的技术

生成图片,绘制背景,数字,干扰线用到了java.awt包,主要使用BufferedImage来生成图片,然后使用Graphics对象来绘制内容。

代码如下:

 package com.util;

 import java.awt.Color;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.util.Random; public class ImageCodeUtil { public static BufferedImage getImage(){
Random r = new Random();
//1.创建一个bufferedimage对象
BufferedImage image = new BufferedImage(60, 20, BufferedImage.TYPE_INT_RGB);
//2.绘制长方形
Graphics g = image.getGraphics();
g.setColor(new Color(233, 222, 220));
g.fillRect(0, 0, 60, 20);
//3.绘制干扰线
for(int i = 0;i < 200;i++){
g.setColor(new Color(40+r.nextInt(200),40+r.nextInt(200),40+r.nextInt(200)));
int x = r.nextInt(50);
int y = r.nextInt(20);
g.drawLine(x,y, x+r.nextInt(20), y+r.nextInt(15));
}
//4.写四位数字
g.setColor(new Color(23, 22, 20));
int checkCode = r.nextInt(9000)+1000;
g.drawString(checkCode+"", 15, 15);
//关闭Graphics对象,释放资源
g.dispose();
return image;
} }

这是生成图片,在网页显示中,用img标签就可以,通过servlet请求图片资源,代码如下:

 <img alt="" src="check">

最后在servlet代码中响应浏览器发来的请求,将图片资源发送到浏览器,代码如下:

package com.controller;

import java.awt.image.BufferedImage;
import java.io.IOException;
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 com.util.ImageCodeUtil; /**
* Servlet implementation class CheckCodeServlet
*/
@WebServlet("/check")
public class CheckCodeServlet extends HttpServlet {
private static final long serialVersionUID = 1L; /**
* @see HttpServlet#HttpServlet()
*/
public CheckCodeServlet() {
super();
// TODO Auto-generated constructor stub
} /**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
//设置返回类型
response.setContentType("image/jpeg");
//生成验证码图片用到了java.awt包
BufferedImage image = ImageCodeUtil.getImage();
//将image通过outputStream返回
ImageIO.write(image, "JPEG", response.getOutputStream());
} }

以上只是每一次刷新页面请求服务的时候验证码才会刷新,可以加入js代码注册点击事件,使之可以点击验证码图片就可以更换,代码如下:

注:此处我使用的jq

$("img").click(function(){
$(this).attr("src","/ServletTest/check?a="+new Date().getMilliseconds());
});

至此,验证码的效果已经实现。具体在页面上的美观显示,在网页上通过css重新修饰一下。