JSP页面生成验证码

最新推荐文章于 2022-10-14 16:47:11 发布

原创最新推荐文章于 2022-10-14 16:47:11 发布 · 798 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jsp #验证码 #html

Java 同时被 2 个专栏收录

8 篇文章

订阅专栏

前端

8 篇文章

订阅专栏

JSP页面生成随机验证码，注意是JSP不是HTML！！！

首先，上代码，核心代码

<%@ page contentType="image/jpeg" import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*" pageEncoding="UTF-8" %>
<%!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);
  // 在内存中创建图象
 int width = 80, height = 20;
 BufferedImage image = new BufferedImage(width, height,
   BufferedImage.TYPE_INT_RGB);

 // 获取图形上下文
 Graphics g = image.getGraphics();

 //生成随机类
 Random random = new Random();

 // 设定背景色
 g.setColor(getRandColor(200, 250));
 g.fillRect(0, 0, width, height);

 //设定字体
 g.setFont(new Font("Times New Roman", Font.BOLD, 18));
  //画边框
 g.setColor(new Color(0, 0, 0));
 g.drawRect(0, 0, width - 1, height - 1);

 // 随机产生155条干扰线，使图象中的认证码不易被其它程序探测到
 g.setColor(getRandColor(160, 200));
 for (int i = 0; i < 155; 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);
 }
  // 取随机产生的认证码(4位数字)
 String sRand = "";
 for (int i = 0; i < 4; i++) {
  String rand = null;
  //随机生成数字或者字母
  if (random.nextInt(10) > 5) {
   rand = String.valueOf((char)(random
     .nextInt(10) + 48));
  } else {
   rand = String.valueOf((char)(random
     .nextInt(26) + 65));
  }
  sRand += rand;
  // 将认证码显示到图象中
  g.setColor(new Color(random.nextInt(80), random
    .nextInt(80), random.nextInt(80)));
  //调用函数出来的颜色相同，可能是因为种子太接近，所以只能直接生成
  g.drawString(rand, 15 * i + 10, 16);
 }

 // 将认证码存入SESSION
 session.setAttribute("rand", sRand);

 // 图象生效
 g.dispose();

 // 输出图象到页面
 ImageIO.write(image, "JPEG", response.getOutputStream());
 out.clear();
%>

你需要了解的是 session.setAttribute("rand",sRand);

是把生成的验证码放入session中，那放进去干啥子了？我这里就不解释了

然后，怎么调用？我们首先来个Image标签

<img id="randImage" height="30" style="background-color: #B7F1D7;float:right;width:100%;cursor:pointer;" onclick="loadimage()" />

然后，你看到了一个loadimage（）方法，接下来，我们看看loadimage方法

function loadimage() {
		document.getElementById("randImage").src = "http:127.0.0.1/pages/verifyCode.jsp?"+ Math.random();

	}

其他的不解释了，祝你好运！