Java杂文----使用java动态生成随机验证码图片

最新推荐文章于 2019-11-25 16:42:17 发布

崩坏的芝麻

最新推荐文章于 2019-11-25 16:42:17 发布

阅读量432

点赞数 2

分类专栏： Java 文章标签： java 验证码动态生成

本文链接：https://blog.csdn.net/wangqingbang/article/details/89644835

版权

Java 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

虽然java的图形处理一直是弱项，但也不妨碍做些小东西出来，比如我们最常见的验证码图片。

用到的小知识点：

用到了一点awt的知识，但很简单。
基本的图片io输出，这个属于基础知识。
OutputStream，ImageIO，Random，BufferedImage

下面是生成验证码图片的代码：

import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Random;
import javax.imageio.ImageIO;

public class VerifyCode
{
  private int w = 70;
  private int h = 35;
  private Random r = new Random();
  
  private String[] fontNames = { "宋体", "华文楷体", "黑体", "微软雅黑", "楷体_GB2312" };
  
  private String codes = "23456789abcdefghjkmnopqrstuvwxyzABCDEFGHJKMNPQRSTUVWXYZ";
  
  private Color bgColor = new Color(255, 255, 255);
  private String text;
  
  public VerifyCode() {}
  
  private Color randomColor() {
    int red = r.nextInt(150);
    int green = r.nextInt(150);
    int blue = r.nextInt(150);
    return new Color(red, green, blue);
  }
  
  private Font randomFont()
  {
    int index = r.nextInt(fontNames.length);
    String fontName = fontNames[index];
    int style = r.nextInt(4);
    int size = r.nextInt(5) + 24;
    return new Font(fontName, style, size);
  }
  
  private void drawLine(BufferedImage image)
  {
    int num = 3;
    Graphics2D g2 = (Graphics2D)image.getGraphics();
    for (int i = 0; i < num; i++) {
      int x1 = r.nextInt(w);
      int y1 = r.nextInt(h);
      int x2 = r.nextInt(w);
      int y2 = r.nextInt(h);
      g2.setStroke(new BasicStroke(1.5F));
      g2.setColor(Color.BLUE);
      g2.drawLine(x1, y1, x2, y2);
    }
  }
  
  private char randomChar()
  {
    int index = r.nextInt(codes.length());
    return codes.charAt(index);
  }
  
  private BufferedImage createImage()
  {
    BufferedImage image = new BufferedImage(w, h, 1);
    Graphics2D g2 = (Graphics2D)image.getGraphics();
    g2.setColor(bgColor);
    g2.fillRect(0, 0, w, h);
    return image;
  }
  
  public BufferedImage getImage()
  {
    BufferedImage image = createImage();
    Graphics2D g2 = (Graphics2D)image.getGraphics();
    StringBuilder sb = new StringBuilder();
    
    for (int i = 0; i < 4; i++) {
      String s = randomChar() + "";
      sb.append(s);
      float x = i * 1.0F * w / 4.0F;
      g2.setFont(randomFont());
      g2.setColor(randomColor());
      g2.drawString(s, x, h - 5);
    }
    text = sb.toString();
    drawLine(image);
    return image;
  }
  
  public String getText()
  {
    return text;
  }
  
  public static void output(BufferedImage image, OutputStream out)
    throws IOException
  {
    ImageIO.write(image, "JPEG", out);
  }
  

}

下面介绍一个登陆的应用场景示例：

首先我们创建一个简单的登陆界面：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录页面</title>
<link rel="icon" href="image/icon1.png" />
<script type="text/javascript">
		function _change(){
			//获取img元素
			var ele = document.getElementById("vCode");
			ele.src= "<c:url value='/VerifyCodeServlet'/>?xxx=" + new Date().getTime();
		}
	</script>
</head>
<body>
	<h1>登录</h1>
	<p style="color: red; font-weight: 900">${msg }</p>
	<form action="<c:url value="/LoginServlet"/>" method="post">
		用户名：<input type="text" name="username" value="${user.username }"/><br />
		密&nbsp;&nbsp;&nbsp;&nbsp;码：<input type="password" name="password" value="${user.password }"/><br />
		验证码：<input type="text" name="verifyCode" size="3"/>
		<img id="vCode" src="<c:url value='/VerifyCodeServlet'/>" border="1"/>
		<a href="javascript: _change()">看不清，换一张</a><br />
		<input type="submit" value="登录"/>
		<a href="regist.jsp">没有账号？前去注册！</a>
	</form>
</body>
</html>

之后我们建立一个名为VerifyCodeServlet的Servlet类，用来调用我们动态生成的代码图片：

@WebServlet("/VerifyCodeServlet")
public class VerifyCodeServlet extends HttpServlet {


	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		/*
		 * 1. 创建验证码类
		 */
		VerifyCode vc = new VerifyCode();
		/*
		 * 2. 得到验证码图片
		 */
		BufferedImage image = vc.getImage();
		/*
		 * 3. 把图片上的文字保存到session中
		 */
		request.getSession().setAttribute("session_vcode", vc.getText());
		/*
		 * 4. 把图片响应给客户端
		 */
		VerifyCode.output(image, response.getOutputStream());
	}

}

这样我们不仅把图片保存到了response当中，而且还保存了生成的内容，用作验证图片的内容

用tomcat跑一下界面：
在这里插入图片描述
这个就是我们生成的图片：

同时可以利用之前保存的数据，验证是否成功

点击换一下，重复调用方法，达到刷新的效果：
在这里插入图片描述

崩坏的芝麻

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Java杂文----使用java动态生成随机验证码图片

虽然java的图形处理一直是弱项，但也不妨碍做些小东西出来，比如我们最常见的验证码图片。用到的小知识点：用到了一点awt的知识，但很简单。基本的图片io输出，这个属于基础知识。OutputStream，ImageIO，Random，BufferedImage下面是生成验证码图片的代码：import java.awt.BasicStroke;import java.awt.Colo...
复制链接

扫一扫