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

kyo19

浏览: 73443 次
性别:
来自: 长沙

最近访客更多访客>>

spence_xu

yinter

949863617

knight_black_bob

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

java

Web Java Servlet JSP HTML

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

package
 com.web.servlet;


import
 java.awt.Color;

import
 java.awt.Graphics;

import
 java.awt.image.BufferedImage;

import
 java.io.IOException;


import
 javax.servlet.ServletException;

import
 javax.servlet.ServletOutputStream;

import
 javax.servlet.http.HttpServletRequest;

import
 javax.servlet.http.HttpServletResponse;


import
 com.sun.image.codec.jpeg.JPEGCodec;

import
 com.sun.image.codec.jpeg.JPEGImageEncoder;


public
 
class
 ValidateImgServlet 
extends
 javax.servlet.http.HttpServlet 
implements
 javax.servlet.Servlet ...{

    
protected
 
void
 doGet(HttpServletRequest request, HttpServletResponse response) 
throws
 ServletException, IOException ...{

        response.setContentType(
"image/jpeg"
);

       

        
//产生四位验证码

        StringBuffer sb = 
new
 StringBuffer(
4
);

        
for
(
int
 i=
0
; i<
4
; i++) ...{

            
int
 n = (
int
)(Math.random() * 
10
);

            sb.append(n);

        }

        String validateCode = sb.toString();

        
//将验证码记录在session中，便于用户输入之后的验证

        request.getSession().setAttribute(
"ValidateCode"
, validateCode);

       

        
//创建缓存图片

        BufferedImage image = 
new
 BufferedImage(
80
, 
25
, BufferedImage.TYPE_INT_RGB);

        Graphics g = image.getGraphics();

                   

        g.setColor(Color.LIGHT_GRAY);

        g.fillRect(
0
, 
0
, 
80
, 
25
);

        g.setColor(Color.BLACK);


        g.drawString(validateCode, 
10
, 
20
);

        g.dispose();

        ServletOutputStream outStream = response.getOutputStream();

        JPEGImageEncoder encoder = 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页面内容如下：

<
%...@ page 
language
=
"java"
 
contentType
=
"text/html; charset=UTF-8"

    
pageEncoding
=
"UTF-8"
%
>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<
html
>

<
head
>

<
meta
 
http-equiv
=
"Content-Type"
 
content
=
"text/html; charset=UTF-8"
>

<
title
>
Insert title here
</
title
>

</
head
>

<
body
>

    请输入登录信息:
<
br
 
/>

    
<
form
 
name
=
"login_form"
 
method
=
"post"
 
action
=
"login.action"
>

    用户名称:
<
input
 
type
=
"text"
 
name
=
"username"
 
/>
<
br
 
/>

    用户密码:
<
input
 
type
=
"password"
 
name
=
"password"
 
/>
<
br
 
/>

    验证码:
<
input
 
type
=
"text"
 
name
=
"validatecode"
 
/>
<
img
 
src
=
"validateimg.jpg"
 
border
=
"0"
 
/>
<
br
 
/>

    
<
input
 
type
=
"submit"
 
value
=
"登录"
 
/>

    
</
form
>

</
body
>

</
html
>

到这里，如果你在web容器中运行这个jsp，你将会在浏览器中看见一个带有验证码图片的登录表单，后续的验证任务就交给你了。祝你成功。

分享到：

如何使用Java POI生成Excel表文件 ! (转) | 用JS控制表格的逐行变色的表单

2009-01-12 20:21
浏览 1288
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论