javaweb网站中添加验证码的功能

来源：互联网发布：手机照片视频制作软件编辑：程序博客网时间：2024/06/05 06:46

在jsp页面添加以下代码

<img id="checkNumImage" src="${pageContext.request.contextPath}/image.jsp" height="20" align="left" onClick="changeCheckNum()"              title="点击换一张" style="cursor:hand">

如果要有点击刷新功能添加以下js方法：

function changeCheckNum(){var checkNumImage_=document.getElementById("checkNumImage");checkNumImage_.src="${pageContext.request.contextPath}/image.jsp?timeStamp="+new Date().getTime();}

注解：当再次获取当前路径时图片会刷新。

其中要在webcontent目录下导入image.jsp文件

<%@ page language="java"  pageEncoding="UTF-8"  %><%@ page contentType="image/jpeg"  import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*" %><%!        Color getRandColor(int fc, int bc) {//给定范围获得随机颜色Random random = new Random();if (fc > 255)fc = 255;if (bc > 255)bc = 255;int r = fc + random.nextInt(bc - fc);int g = fc + random.nextInt(bc - fc);int b = fc + random.nextInt(bc - fc);return new Color(r, g, b);}%><%//设置页面不缓存response.setHeader("Pragma", "No-cache");response.setHeader("Cache-Control", "no-cache");response.setDateHeader("Expires", 0);//生成随机验证码Random random = new Random();String sRand = "";for (int i = 0; i < 4; i++) {String rand = String.valueOf(random.nextInt(10));sRand += rand;}// 将认证码存入SESSIONsession.setAttribute("CHECK_NUMBER_KEY", sRand);// 在内存中创建图象int width = 55;int height = 20;BufferedImage image = new BufferedImage(width, height,BufferedImage.TYPE_INT_RGB);// 获取图形上下文Graphics g = image.getGraphics();// 设定背景色g.setColor(getRandColor(200, 250));g.fillRect(0, 0, width, height);//设定字体g.setFont(new Font("serif", Font.CENTER_BASELINE, 16));//画边框//g.setColor(new Color(1));//g.drawRect(0,0,width-1,height-1);// 随机产生155条干扰线，使图象中的认证码不易被其它程序探测到g.setColor(getRandColor(160, 200));for (int i = 0; i < 100; i++) {int x = random.nextInt(width);int y = random.nextInt(height);int xl = random.nextInt(12);int yl = random.nextInt(12);g.drawLine(x, y, x + xl, y + yl);}for (int i = 0; i < 4; i++) {String rand = sRand.substring(i, i + 1);// 将认证码显示到图象中g.setColor(new Color(20 + random.nextInt(110), 20 + random.nextInt(110), 20 + random.nextInt(110)));//调用函数出来的颜色相同，可能是因为种子太接近，所以只能直接生成g.drawString(rand, 13 * i + 6, 16);}// 图象生效g.dispose();// 输出图象到页面try {ImageIO.write(image, "JPEG", response.getOutputStream());} catch (Exception e) {}out.clear();out = pageContext.pushBody();%>

在后台中通过以下代码获取图片中的数字：

String check_number_key=(String)session.getAttribute("CHECK_NUMBER_KEY");

例如可以如下封装方法：

//处理验证码:判断验证码输入的是否正确boolean flag=LoginUtils.isCheckNum(request);if(!flag){this.addFieldError("error", "验证码输入有误,请重新输入");return "error";}

其中新建LoginUtil.java类

public class LoginUtils {/** * 处理验证码 * @param request * @return */public static boolean isCheckNum(HttpServletRequest request) {//获取已经存在的sessionHttpSession session=request.getSession(false);if(session==null){return false;}String check_number_key=(String)session.getAttribute("CHECK_NUMBER_KEY");if(StringUtils.isBlank(check_number_key)){return false;}//获取jsp页面文本框中输入的值//<input name="checkNum" type="text" value="" id="checkNum" style="width: 80">String saved=request.getParameter("checkNum");if(StringUtils.isBlank(saved)){return false;}//比对session中存放的值和页面文本框输入的验证码的值,忽略大小写return check_number_key.equalsIgnoreCase(saved);}}

0 0