JSP验证码

转载自 http://smallq.javaeye.com/blog/391945

 

code.jsp

Java代码

1. <%@ page autoFlush="false" contentType="text/html; charset=GBK"  
2.  import="java.util.*,java.io.*,java.awt.*,javax.imageio.*,java.awt.image.*,com.sun.image.codec.jpeg.*,java.util.*"%>   
3.   
4. <%!Color getRundColor(int x, int y) {   
5.   
6. Random random = new Random();   
7.   
8. //判断sRGB 分量   
9.   
10. if (x > 225)   
11.   
12. x = 225;   
13.   
14. if (y > 225)   
15.   
16. y = 225;   
17.   
18. //生成0.0-1.0之间的颜色值   
19.   
20. int red = x + random.nextInt(y - x); //红色色值   
21.   
22. int green = x + random.nextInt(y - x); //绿色值   
23.   
24. int blue = x + random.nextInt(y - x); //蓝色色值   
25.   
26. //返回创建的颜色对象   
27.   
28. return new Color(red, green, blue); // 用指定的红色、绿色和蓝色值创建一种不透明的 sRGB 颜色，这三个颜色值都在 0.0 - 1.0 的范围内。   
29.   
30. }%>   
31.   
32. <%   
33.   
34. //设置页面不缓存   
35.   
36. response.setHeader("Pragma", "No-cache"); //用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；   
37.   
38. response.setHeader("Cache-Control", "no-cache");   
39.   
40. response.setDateHeader("Expires", 0);//设置指定名称的Data类型的HTTP头的值   
41.   
42.   
43. //在内存中创建图象   
44.   
45. int width = 60, height = 20; //声明图片高和宽   
46.   
47. //具有 8 位 RGB 颜色分量的图像，对应于 Windows 或 Solaris 风格的 BGR 颜色模型，具有打包为整数像素的 Blue、Green 和 Red 三种颜色。   
48.   
49. BufferedImage image = new BufferedImage(width, height,   
50.   
51. BufferedImage.TYPE_INT_BGR);   
52.   
53.   
54. //声明并获取图片上下文的基类对象，用于设置字体颜色等属性   
55.   
56. Graphics crGraphics = image.getGraphics();   
57.   
58.   
59. //声明一个随机类对象   
60.   
61. Random random = new Random();   
62.   
63.   
64. //设置背景颜色   
65.   
66. crGraphics.setColor(getRundColor(200, 250));   
67.   
68. crGraphics.fillRect(0, 0, width, height); //使用图形上下文的当前颜色填充该矩形。   
69.   
70.   
71. //设置字休   
72.   
73. crGraphics.setFont(new Font("Times New Roman", Font.PLAIN, 18)); //将此图形上下文的字体设置为指定字体   
74.   
75.   
76. //随机生成干扰线   
77.   
78. crGraphics.setColor(getRundColor(160, 200));   
79.   
80. for (int i = 0; i < 160; i++) {   
81.   
82. int x = random.nextInt(width);   
83.   
84. int y = random.nextInt(height);   
85.   
86. int x2 = random.nextInt(12);   
87.   
88. int y2 = random.nextInt(12);   
89.   
90. crGraphics.drawLine(x, y, x + x2, y + y2);   
91.   
92. }   
93.   
94.   
95. // 取随机产生的认证码(4位数字)   
96.   
97. String sRand = "";   
98.   
99. //随机数已在JSP页面产生   
100.   
101. for (int i = 0; i < 4; i++) {   
102.   
103. String rand = String.valueOf(random.nextInt(10));   
104.   
105. sRand += rand;   
106.   
107.   
108. // 将认证码显示到图象中   
109.   
110. crGraphics.setColor(new Color(20 + random.nextInt(110),   
111.   
112. 20 + random.nextInt(110), 20 + random.nextInt(110)));   
113.   
114. crGraphics.drawString(rand, 13 * i + 6, 16);   
115.   
116. }   
117.   
118.   
119. // 将认证码存入SESSION   
120.   
121. session.setAttribute("hcode", sRand);   
122.   
123.   
124. // 图象生效   
125.   
126. crGraphics.dispose();   
127.   
128.   
129. // 输出图象到页面   
130.   
131. ImageIO.write(image, "JPEG", response.getOutputStream());   
132.   
133.   
134. out.clear();   
135.   
136. out = pageContext.pushBody();   
137.   
138. %>  

<%@ page autoFlush="false" contentType="text/html; charset=GBK"
 import="java.util.*,java.io.*,java.awt.*,javax.imageio.*,java.awt.image.*,com.sun.image.codec.jpeg.*,java.util.*"%>

<%!Color getRundColor(int x, int y) {

Random random = new Random();

//判断sRGB 分量

if (x > 225)

x = 225;

if (y > 225)

y = 225;

//生成0.0-1.0之间的颜色值

int red = x + random.nextInt(y - x); //红色色值

int green = x + random.nextInt(y - x); //绿色值

int blue = x + random.nextInt(y - x); //蓝色色值

//返回创建的颜色对象

return new Color(red, green, blue); // 用指定的红色、绿色和蓝色值创建一种不透明的 sRGB 颜色，这三个颜色值都在 0.0 - 1.0 的范围内。

}%>

<%

//设置页面不缓存

response.setHeader("Pragma", "No-cache"); //用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；

response.setHeader("Cache-Control", "no-cache");

response.setDateHeader("Expires", 0);//设置指定名称的Data类型的HTTP头的值


//在内存中创建图象

int width = 60, height = 20; //声明图片高和宽

//具有 8 位 RGB 颜色分量的图像，对应于 Windows 或 Solaris 风格的 BGR 颜色模型，具有打包为整数像素的 Blue、Green 和 Red 三种颜色。

BufferedImage image = new BufferedImage(width, height,

BufferedImage.TYPE_INT_BGR);


//声明并获取图片上下文的基类对象，用于设置字体颜色等属性

Graphics crGraphics = image.getGraphics();


//声明一个随机类对象

Random random = new Random();


//设置背景颜色

crGraphics.setColor(getRundColor(200, 250));

crGraphics.fillRect(0, 0, width, height); //使用图形上下文的当前颜色填充该矩形。


//设置字休

crGraphics.setFont(new Font("Times New Roman", Font.PLAIN, 18)); //将此图形上下文的字体设置为指定字体


//随机生成干扰线

crGraphics.setColor(getRundColor(160, 200));

for (int i = 0; i < 160; i++) {

int x = random.nextInt(width);

int y = random.nextInt(height);

int x2 = random.nextInt(12);

int y2 = random.nextInt(12);

crGraphics.drawLine(x, y, x + x2, y + y2);

}


// 取随机产生的认证码(4位数字)

String sRand = "";

//随机数已在JSP页面产生

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

String rand = String.valueOf(random.nextInt(10));

sRand += rand;


// 将认证码显示到图象中

crGraphics.setColor(new Color(20 + random.nextInt(110),

20 + random.nextInt(110), 20 + random.nextInt(110)));

crGraphics.drawString(rand, 13 * i + 6, 16);

}


// 将认证码存入SESSION

session.setAttribute("hcode", sRand);


// 图象生效

crGraphics.dispose();


// 输出图象到页面

ImageIO.write(image, "JPEG", response.getOutputStream());


out.clear();

out = pageContext.pushBody();

%>

 

 

显示页面

Java代码

1. <a href="javascript:show(document.getElementById('hcode'))"><img id="hcode" alt="" title="点击刷新" src="code.jsp" class="alltext"/></a>  

 
  <a href="javascript:show(document.getElementById('hcode'))"><img id="hcode" alt="" title="点击刷新" src="code.jsp" class="alltext"/></a>

 

 

Java代码

1. 刷新验证码js   
2.   
3. function show(o){//重载验证码   
4.         var timenow = new Date().getTime();   
5.         o.src="code.jsp?d="+timenow;   
6.         //超时执行;   
7.         setTimeout(function(){   
8.         o.src="code.jsp?d="+timenow;   
9.         }   
10.         );   
11. }  

刷新验证码js

function show(o){//重载验证码
        var timenow = new Date().getTime();
        o.src="code.jsp?d="+timenow;
        //超时执行;
        setTimeout(function(){
        o.src="code.jsp?d="+timenow;
        }
        );
}