`
shangjava
  • 浏览: 1186073 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

Web开发中的验证码图片的生成-基于Java的实现

阅读更多
大家在使用Web网站的时候,经常会发现有个验证码需要输入,这是验证码用来做什么事情的呢?其实很简单,验证码图片的作用是让用户通过肉眼来观察图片,把图片中的内容填写到输入框中,在登录的时候,如果验证码内容输入不正确,就算你的登录用户名和密码都正确也不行,这样可以很好的防治有人用程序不停的猜测别人的帐号好密码,因为程序难以从一个图片中提取验证码的内容,从难以使用程序来进行重复猜测,这样只是凭人工的办法,是很难在短时间内猜出帐号密码的。所以验证码图片实际是为了保护用户的权益。那么到底如何在web开发中使用验证码图片呢?
验证码图片是由程序动态产生的,每次访问的内容都是随机的。那么如何采用程序动态产生图片,并能够显示在客户端页面中呢?原理很简单,对于java而言,我们首先开发一个Servlet,这个Servlet的任务就是给客户端产生一个验证码图片的输入,示例代码如下:
packagecom.web.servlet;

importjava.awt.Color;
importjava.awt.Graphics;
importjava.awt.image.BufferedImage;
importjava.io.IOException;

importjavax.servlet.ServletException;
importjavax.servlet.ServletOutputStream;
importjavax.servlet.http.HttpServletRequest;
importjavax.servlet.http.HttpServletResponse;

importcom.sun.image.codec.jpeg.JPEGCodec;
importcom.sun.image.codec.jpeg.JPEGImageEncoder;

publicclassValidateImgServletextendsjavax.servlet.http.HttpServletimplementsjavax.servlet.Servlet...{
protectedvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException...{
response.setContentType(
"image/jpeg");

//产生四位验证码
StringBuffersb=newStringBuffer(4);
for(inti=0;i<4;i++)...{
intn=(int)(Math.random()*10);
sb.append(n);
}

StringvalidateCode
=sb.toString();
//将验证码记录在session中,便于用户输入之后的验证
request.getSession().setAttribute("ValidateCode",validateCode);

//创建缓存图片
BufferedImageimage=newBufferedImage(80,25,BufferedImage.TYPE_INT_RGB);
Graphicsg
=image.getGraphics();

g.setColor(Color.LIGHT_GRAY);
g.fillRect(
0,0,80,25);
g.setColor(Color.BLACK);

g.drawString(validateCode,
10,20);
g.dispose();
ServletOutputStreamoutStream
=response.getOutputStream();
JPEGImageEncoderencoder
=JPEGCodec.createJPEGEncoder(outStream);
encoder.encode(image);
outStream.close();
}

}

在web.xml中对这个Servlet进行配置,配置信息如下:
<servlet>
<description></description>
<display-name>ValidateImgServlet</display-name>
<servlet-name>ValidateImgServlet</servlet-name>
<servlet-class>com.web.servlet.ValidateImgServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>ValidateImgServlet</servlet-name>
<url-pattern>/validateimg.jpg</url-pattern>
</servlet-mapping>

好了,现在我们可以在登录页面中使用这个动态的验证码图片了,login.jsp页面内容如下:
<%...@pagelanguage="java"contentType="text/html;charset=UTF-8"
pageEncoding
="UTF-8"
%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>Inserttitlehere</title>
</head>
<body>
请输入登录信息:
<br/>
<formname="login_form"method="post"action="login.action">
用户名称:
<inputtype="text"name="username"/><br/>
用户密码:
<inputtype="password"name="password"/><br/>
验证码:
<inputtype="text"name="validatecode"/><imgsrc="validateimg.jpg"border="0"/><br/>
<inputtype="submit"value="登录"/>
</form>
</body>
</html>
到这里,如果你在web容器中运行这个jsp,你将会在浏览器中看见一个带有验证码图片的登录表单,后续的验证任务就交给你了。祝你成功。
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics