实现页面注册时 生成图片验证码 以及后台验证

本文介绍了一种使用Java Servlet生成验证码图片的方法,并通过HTTP请求验证用户输入的验证码是否正确。涉及的关键技术包括BufferedImage、Graphics、ImageIO等。

首先我们需要在页面上画出一个图片  那么我们根据什么画图片呢
画图片的五个类{

  1.BufferedImage图像数据缓冲区

  2.Graphics绘制图片

  3.color获取颜色

  4.Random获取随机数

  5.ImageIO输出图片

}
首先,在jsp页面的body下加入代码

 <form action="<%=request.getContextPath()%>/Forimges" method="post">
  验证码:<input type="text" name="checkCode" /> 
   <img alt="验证码" id="imagecode"
   src="<%=request.getContextPath()%>/Forimges" /> <a
   href="javascript:reloadCode();">看不清楚</a><br> <input
   type="submit" value="提交">
 </form>

一个文本框,一个图片链接,一个提交按钮

/**************************************************************************************************************************/

那么下面就要写servlet   servlet 两个作用  一个生成图片  一个用来验证前台输入验证码是否正确
下面是servlet代码
由于需要保密  所以将表单设为post方法, 图片依旧为get方法

注意导入的依赖包

package com.rx.common;

import java.awt.Color;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Random;

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;

/**
 * Servlet implementation class Forimges
 */
@WebServlet("/Forimges")
public class Forimges extends HttpServlet {
	private static final long serialVersionUID = 1L;

	public Forimges() {
		super();
		// TODO Auto-generated constructor stub
	}

	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		System.out.println("来了");
		// 这个方法实现验证码的生成
		BufferedImage bi = new BufferedImage(68, 22, BufferedImage.TYPE_INT_RGB);// 创建图像缓冲区
		Graphics g = bi.getGraphics(); // 通过缓冲区创建一个画布
		Color c = new Color(200, 150, 255); // 创建颜色
		/*
		 * 根据背景画了一个矩形框
		 */
		g.setColor(c);// 为画布创建背景颜色
		g.fillRect(0, 0, 68, 22); // fillRect:填充指定的矩形

		char[] ch = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789".toCharArray();// 转化为字符型的数组
		Random r = new Random();
		int len = ch.length;
		int index; // index用于存放随机数字
		StringBuffer sb = new StringBuffer();
		for (int i = 0; i < 4; i++) {
			index = r.nextInt(len);// 产生随机数字
			g.setColor(new Color(r.nextInt(88), r.nextInt(188), r.nextInt(255))); // 设置颜色
			g.drawString(ch[index] + "", (i * 15) + 3, 18);// 画数字以及数字的位置
			sb.append(ch[index]);
		}
		request.getSession().setAttribute("piccode", sb.toString()); // 将数字保留在session中,便于后续的使用
		ImageIO.write(bi, "JPG", response.getOutputStream());

	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		String piccode = (String) request.getSession().getAttribute("piccode");
		String checkCode = request.getParameter("checkCode"); // 取值
		System.out.println(piccode);
		System.out.println(checkCode);
		checkCode = checkCode.toUpperCase(); // 把字符全部转换为大写的(此语句用于验证码不区分大小写)
		response.setContentType("text/html;charset=UTF-8");// 解决乱码问题
		PrintWriter out = response.getWriter();
		if (checkCode.equals(piccode)) {
			System.out.println("验证码输入正确!");
		} else {
			System.out.println("验证码输入错误!!!");
		}
		out.flush();// 将流刷新
		out.close();// 将流关闭
	}
}



至此 就实现了简单验证码的验证
/**************************************************************************************************************************/
备注:借鉴一个前辈的代码  稍加合并修改  另外 本人用的maven项目  导入的javax  tomcat  jstl 依赖  不需要配置web-xml


评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值