如何在jsp中有验证码

1. 
   
2. ============servlet========================
   
3. import java.awt.Color;  
4. import java.awt.Font;  
5. import java.awt.Graphics2D;  
6. import java.awt.image.BufferedImage;  
7. import java.io.IOException;  
8. import java.util.Random;  
9.   
10. import javax.servlet.ServletException;  
11. import javax.servlet.ServletOutputStream;  
12. import javax.servlet.http.HttpServlet;  
13. import javax.servlet.http.HttpServletRequest;  
14. import javax.servlet.http.HttpServletResponse;  
15.   
16. import com.sun.image.codec.jpeg.JPEGCodec;  
17. import com.sun.image.codec.jpeg.JPEGImageEncoder;  
18.   
19. public class IdentityServlet extends HttpServlet{  
20.     public static final char[] CHARS={'2','3','4','5','6','7','8','9','A','B','C',  
21.         'D','E','F','G','H','K','M','L','N','L','X','Y','Z','Q'};  
22.     public static Random random=new Random();  
23.       
24.     public static String getRandomString(){  
25.         StringBuffer buffer=new StringBuffer();  
26.         //随即产生6位数  
27.         for(int i=0;i<6;i++){  
28.             buffer.append(CHARS[random.nextInt(CHARS.length)]);  
29.         }  
30.         System.out.println(buffer.toString());  
31.         return buffer.toString();  
32.     }  
33.     //获取随即的颜色  
34.     public static Color getRandomColor(){  
35.         return new Color(random.nextInt(255),random.nextInt(255),random.nextInt(255));  
36.     }  
37.     //返回某颜色的反色  
38.     public static Color getReverseColor(Color c){  
39.         return new Color(255-c.getRed(), 255-c.getGreen(),255-c.getBlue());  
40.     }  
41.       
42.       
43.     @Override  
44.     protected void doGet(HttpServletRequest request, HttpServletResponse response)  
45.             throws ServletException, IOException {  
46.         response.setContentType("image/jpeg");  
47.           
48.         String randomString=getRandomString();  
49.         request.getSession().setAttribute("randomString", randomString);  
50.         int width=100;//图片宽度  
51.         int height=30;//图片高度  
52.           
53.         Color color=getRandomColor();   //随即颜色。用于背景颜色  
54.         Color reverse=getReverseColor(color);//反色，用于前背景  
55.         //创建一个彩色图片  
56.         BufferedImage bi=new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);  
57.         //获取绘图对象  
58.         Graphics2D g=bi.createGraphics();  
59.         g.setFont(new Font(Font.SANS_SERIF, Font.BOLD, 16));//设置字体  
60.         g.setColor(color);  //设置颜色  
61.         g.fillRect(0, 0, width, height);//绘制背景  
62.         g.setColor(reverse);//设置颜色  
63.         g.drawString(randomString, 18, 20);  
64.           
65.         for(int i=0;i<100;i++){  
66.             g.drawRect(random.nextInt(width), random.nextInt(height),1, 1); //随即噪音点  
67.         }  
68.           
69.         ServletOutputStream out=response.getOutputStream(); //转换JPEG格式  
70.           
71.         JPEGImageEncoder encoder=JPEGCodec.createJPEGEncoder(out); //编码器  
72.         encoder.encode(bi);  
73.         out.flush();    //输出到客户端  
74.     }  
75.       
76.       
77.     @Override  
78.     protected void doPost(HttpServletRequest req, HttpServletResponse resp)  
79.             throws ServletException, IOException {  
80.         // TODO Auto-generated method stub  
81.         super.doPost(req, resp);  
82.     }  
83. } 
    

====================web.xml配置=======================

[html]   view plain copy

1. <servlet>  
2.         <servlet-name>IdentityServlet</servlet-name>  
3.         <servlet-class>com.shxt.IdentityServlet</servlet-class>  
4. </servlet>  
5.   
6. <servlet-mapping>  
7.         <servlet-name>IdentityServlet</servlet-name>  
8.         <url-pattern>/servlet/IdentityServlet</url-pattern>  
9. </servlet-mapping> 
   

=======================jsp/html中(javascript)的代码=======================

[html]   view plain copy

1.  <script type="text/javascript">  
2. function reloadImage(){  
3.     document.getElementById('btn').disabled=true;  
4.     document.getElementById('identity').src='servlet/IdentityServlet?ts='+new Date().getTime();  
5. }  
6.   </script> 
   

=======================jsp/html中(body标签)代码===========================================

[html]   view plain copy

1.  <body>  
2. <img  src="servlet/IdentityServlet" id="identity" onload="btn.disabled=false;">  
3. <input type="button" value="更换图片" onclick="reloadImage()" id="btn">  
4. </body>