完整的页面验证码实现

最新推荐文章于 2022-01-28 10:59:58 发布

YUANYUANYINGBEN2

最新推荐文章于 2022-01-28 10:59:58 发布

阅读量514

点赞数

文章标签： import string image session random input

本文链接：https://blog.csdn.net/yuanyuanyingben2/article/details/6288324

版权

makeCertPic.java
　　package pic;
　　import java.awt.Color;
　　import java.awt.Font;
　　import java.awt.Graphics;
　　import java.awt.image.BufferedImage;
　　import java.io.IOException;
　　import java.io.OutputStream;
　　import java.util.Random;
　　import javax.imageio.ImageIO;
　　/**
　　 * @author dzy
　　 * 生成验证码图片
　　 */
　　public class makeCertPic {
//验证码图片中可以出现的字符集，可根据需要修改
private char mapTable[]={
'a','b','c','d','e','f',
'g','h','i','j','k','l',
'm','n','o','p','q','r',
's','t','u','v','w','x',
'y','z','0','1','2','3',
'4','5','6','7','8','9'};
/**
* 功能:生成彩色验证码图片
* 参数width为生成图片的宽度,参数height为生成图片的高度,参数os为页面的输出流
*/
public String getCertPic(int width, int height, OutputStream os) {
if(width<=0)width=60;
if(height<=0)height=20;
BufferedImage image = new BufferedImage(width, height,
BufferedImage.TYPE_INT_RGB);
// 获取图形上下文
Graphics g = image.getGraphics();
// 设定背景色
g.setColor(new Color(0xDCDCDC));
g.fillRect(0, 0, width, height);
//画边框
g.setColor(Color.black);
g.drawRect(0,0,width-1,height-1);
// 取随机产生的认证码
String strEnsure = "";
// 4代表4位验证码,如果要生成更多位的认证码,则加大数值
for(int i=0; i<4; ++i) {
strEnsure+=mapTable[(int)(mapTable.length*Math.random())];
}
// 　　将认证码显示到图像中,如果要生成更多位的认证码,增加drawString语句
g.setColor(Color.black);
g.setFont(new Font("Atlantic Inline",Font.PLAIN,18));
String str = strEnsure.substring(0,1);
g.drawString(str,8,17);
str = strEnsure.substring(1,2);
g.drawString(str,20,15);
str = strEnsure.substring(2,3);
g.drawString(str,35,18);
str = strEnsure.substring(3,4);
g.drawString(str,45,15);
// 随机产生10个干扰点
Random rand = new Random();
for (int i=0;i<10;i++) {
int x = rand.nextInt(width);
int y = rand.nextInt(height);
g.drawOval(x,y,1,1);
}
// 释放图形上下文
g.dispose();
try {
// 输出图像到页面
ImageIO.write(image, "JPEG", os);
} catch (IOException e) {
return "";
}
return strEnsure;
}
　　}

　　在getCertPic()方法中，首先创建了一个内存图像的实例对象，再得到此内存图像的图形上下文对象，接着再用这个上下文对象画背景、边框。接下来，随机生成4个在mapTable[]数组中的字符，组成字符串作为验证字符串，并输出在内存中，为了造成一定的干扰，随机画了10个干扰点，如果要加大干扰效果，可再多画一些点。
makeCertPic.jsp页面用于调用生成验证码图片的JavaBean，并在客户端显示，源代码如下：
　　makeCertPic.jsp
　　<%@page contentType="image/jpeg" %>
　　<jsp:useBean id="image" scope="page" class="pic.makeCertPic" />
　　<%
　　String str=image.getCertPic(0,0,response.getOutputStream());
　　 // 将认证码存入SESSION
　　session.setAttribute("certCode", str);

　　out.clear();
　　 out = pageContext.pushBody();
　　%>

　　这里把生成的验证码作为session变量写入，因此在接收登录页面输入的数据页面中，可用用户输入的验证码和这个session变量作比较，如果相同则表示验证通过。
　　LoginPic.jsp
　　<%@ page contentType="text/html;charset=GB2312" %>

//Javascript的一个函数
<script language="javascript">
/*验证码上刷新 */
function chk_image(){
    var img = document.getElementById("pic");
    img.src = "makeCertPic.jsp?" + Math.random();
}
　　<html>
　　 <head><title>登录页面</title></head>
　　 <body>
　　<table align="center" border="0">
<tralign="center"><td><fontcolor="red"><html:errors/></font></td></tr>
　　 <tr align="center"><td>系统登录</td></tr>
　　 <form. action="loginCheck.jsp" method="post" focus="username">
　　 <tr><td>用户名：<input type="text" name="username"/></td></tr>
　　 <tr><td>密  码：<input type="password"name="password"/></td></tr>
　　 <tr><td>验证码<img id="pic" border=1 src="makeCertPic.jsp?,Math.random();" οnclick="return chk_image();" alt="30"> </td></tr>
<tralign="left"><td>        
　　 <input type="submit" value="确定"/></td></tr>
　　 </form>
　　 </table>
　　 </body>
　　</html>
特别注意src指的是makeCertPic.jsp的具体路径，一定要核实一下在粘贴。。

　　验证码的输入是否正确可用如下语句验证：
　　String certCode=request.getParameter("certCode");
　　if(certCode.equals((String)session.getAttribute("certCode")))
out.print("验证码输入正确");
　　else
out.print("验证码输入错误");

YUANYUANYINGBEN2

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
完整的页面验证码实现

<br />makeCertPic.java<br />　　package pic;<br />　　import java.awt.Color;<br />　　import java.awt.Font;<br />　　import java.awt.Graphics;<br />　　import java.awt.image.BufferedImage;<br />　　import java.io.IOException;<br />　　import java.io.OutputStream;<br />　
复制链接

扫一扫