jsp实现验证码

最新推荐文章于 2025-06-09 15:35:23 发布

原创最新推荐文章于 2025-06-09 15:35:23 发布 · 847 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#jsp

jsp 专栏收录该内容

0 篇文章

订阅专栏

该博客详细介绍了如何使用jsp实现验证码的生成和使用。在生成阶段，提供了可以直接使用的代码；在使用阶段，解释了如何在网页中通过img标签展示验证码，以及如何实现‘换一张验证码’的功能，主要涉及更新src属性并处理浏览器缓存问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jsp实现验证码

一、验证码的生成(jsp)

这里的代码只要复制过去就可以使用

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page contentType="image/jpeg"  import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*" %>
<%!
	public Color getColor(){
		Random random = new Random();
		int r = random.nextInt(256);//0-255
		int g = random.nextInt(256);
		int b = random.nextInt(256);
		return new Color(r,g,b);
	}
	public String getNum(){
		String str = "";
		Random random = new Random();
		for(int i=0;i<4;i++){
			str += random.nextInt(10);//0-9
		}
		return str;
	}
%>
<%
	response.setHeader("pragma", "mo-cache");
	response.setHeader("cache-control", "no-cache");
	response.setDateHeader("expires", 0);
	
	BufferedImage image = new BufferedImage(80,30,BufferedImage.TYPE_INT_RGB);
	
	Graphics g = image.getGraphics();
	g.setColor(new Color(200,200,200));
	g.fillRect(0,0,80,30);
	
	
	for (int i = 0; i < 30; i++) {
		Random random = new Random();
		int x = random.nextInt(80);
		int y = random.nextInt(30);
		int xl = random.nextInt(x+10);
		int yl = random.nextInt(y+10);
		g.setColor(getColor());
		g.drawLine(x, y, x + xl, y + yl);
	}
	
	
	g.setFont(new Font("serif", Font.BOLD,16));
	g.setColor(Color.BLACK);
	String checkNum = getNum();//"2525"
	
	StringBuffer sb = new StringBuffer();
	for(int i=0;i<checkNum.length();i++){
		sb.append(checkNum.charAt(i)+" ");//"2 5 2 5"
	}
	g.drawString(sb.toString(),15,20);
	
	session.setAttribute("CHECKNUM",checkNum);//2525
	
	ImageIO.write(image,"jpeg",response.getOutputStream());
	out.clear();
	out = pageContext.pushBody();
%>

二、验证码的使用

创建一个img标签,src属性指向产生验证码的jsp页面，如果需要使用“换一张验证码”这种操作，需要你加上一个label标签，并且绑定好事件。

<img src="${pageContext.request.contextPath }/checkcode.jsp" id="checkcode">
<a><label onclick="change()">换一张</label></a>

要想实现换一张验证码这种操作，只需要将src重新指向产生验证码的jsp页面（即设置当前图片的src属性）即可，为了防止部分浏览器的重新加载问题，可以再url后面加上一串随机数字

<script>
	//实现局部刷新，换一张图片验证码
	function change(){
		$("#checkcode").attr("src","${pageContext.request.contextPath}/checkcode.jsp?"+Math.random());
	}
</script>