Jsp 验证码(检验码)的实现

  1. 下载必要文件
    1)下载Jakarta-Taglibs:
      http://people.apache.org/builds/jakarta-taglibs-sandbox/nightly/
      解压后取出taglibs-image.jar放于/WEB-INF/lib下
      将taglibs-image.tld拷到/WEB-INF/下

    2)下载Poor Man's Imaging Wrapper:Image Tag 用到了这个包
      http://www.mullassery.com/downloads/ 填写一些必要信息后就可以免费下载了
      解压后将pmiw.jar拷到/WEB-INF/lib下
  2. web.xml中配置ImageServlet
      <context-param>
        <param-name>ImageServletMapping</param-name>
        <param-value>/gen-image</param-value>
      </context-param>
     
     <servlet>
        <servlet-name>ImageServlet</servlet-name>
        <servlet-class>org.apache.taglibs.image.ImageServlet</servlet-class>
      </servlet>
     <servlet-mapping>
        <servlet-name>ImageServlet</servlet-name>
        <url-pattern>/gen-image/*</url-pattern>
      </servlet-mapping>
  3. 在jsp页面中加入实现代码(部分内容参考了http://technology.a.lunqun.com/read.php?tid=149894&page=e&fpage=1)

    1)在页首加入<%@ taglib uri="/WEB-INF/taglibs-image.tld" prefix="img" %>

    2)在页面顶端加入
    <%
    response.setHeader("Pragma", "No-cache");
    response.setHeader("Cache-Control", "no-cache");
    response.setDateHeader("Expires", 0);
    %>

    3)在想加上验证码的地方加上如下代码:
    <%
    int num = (int) java.lang.Math.round(java.lang.Math.random() * 8999);
    String sRand = "" + (1000 +num);
    session.setAttribute("userInfo.authcode",sRand);
    %>

    <img:image src="/graphics/auth.jpg" refresh="true">

    <img:text text="<%=sRand.substring(0,1)%>" x="7" y="-1" font="Times New Roman" bold="false" size="22" color="0x993399" italic="true" />
    <img:text text="<%=sRand.substring(1,2)%>" x="17" y="-1" font="Times New Roman" bold="false" size="22" color="0x660033" italic="false" />
    <img:text text="<%=sRand.substring(2,3)%>" x="27" y="-1" font="Times New Roman" bold="true" size="18" color="0xcc3366" italic="true" />
    <img:text text="<%=sRand.substring(3,4)%>" x="37" y="-1" font="Times New Roman" bold="false" size="22" color="0x990099" italic="false" />

    <%if(num<4500){%>
    <img:grayscale brightness="90" />
    <%}%>
    </img:image>
 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
实现 JSP 登录验证码,可以按照以下步骤进行: 1. 在 JSP 页面中添加验证码的显示位置。可以使用 HTML 的 `<img>` 标签来显示验证码图片。 2. 在后台生成验证码图片。可以使用 Java 的 BufferedImage 类来生成图片,然后使用 ImageIO 将其写入输出流中。 3. 将验证码字符串保存到 session 中,以便后续验证时使用。 4. 在用户提交登录表单时,获取用户输入的验证码字符串并与 session 中保存的验证码进行比较。如果一致,则允许用户进行登录操作;否则提示用户验证码输入有误并刷新验证码。 下面是一个简单的示例代码: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import="java.awt.Color"%> <%@ page import="java.awt.Font"%> <%@ page import="java.awt.Graphics"%> <%@ page import="java.awt.image.BufferedImage"%> <%@ page import="java.util.Random"%> <% // 生成随机验证码字符串 String code = ""; Random random = new Random(); for (int i = 0; i < 4; i++) { code += (char) (random.nextInt(26) + 'A'); } // 将验证码保存到 session 中 session.setAttribute("code", code); // 生成验证码图片 int width = 100; int height = 40; BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); Graphics g = image.getGraphics(); g.setColor(Color.WHITE); g.fillRect(0, 0, width, height); g.setFont(new Font("Arial", Font.BOLD, 20)); for (int i = 0; i < 4; i++) { g.setColor(new Color(random.nextInt(256), random.nextInt(256), random.nextInt(256))); g.drawString(code.substring(i, i + 1), i * 20 + 10, 25); } for (int i = 0; i < 10; i++) { g.setColor(new Color(random.nextInt(256), random.nextInt(256), random.nextInt(256))); g.drawLine(random.nextInt(width), random.nextInt(height), random.nextInt(width), random.nextInt(height)); } // 输出验证码图片 response.setContentType("image/jpeg"); ImageIO.write(image, "jpeg", response.getOutputStream()); %> 在 JSP 页面中可以使用以下代码来显示验证码图片: <img src="captcha.jsp" /> 其中 "captcha.jsp" 是上面生成验证码图片的 JSP 页面的路径。用户提交登录表单时,可以使用以下代码来获取用户输入的验证码字符串并与 session 中保存的验证码进行比较: String code = request.getParameter("code"); String captcha = (String) request.getSession().getAttribute("code"); if (code.equalsIgnoreCase(captcha)) { // 验证码输入正确,允许用户登录 } else { // 验证码输入有误,提示用户并刷新验证码 }
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值