jsp验证码

在jsp页面中实现验证码，可以有效地防止攻击，提高网站的 安全性能。

具体实现方式：

1.写一个用于生成验证图片的servlet，

具体代码如下：

import java.awt.Color;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
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 imgServlet extends HttpServlet {

//得到随机字符的方法
public char[] getRand()
{
char[] rand=new char[4];
String str="0123456789qwertyuioplkjhgfdsazxcvbnmQWERTYUIOPLKJHGFDSAZXCVBNM";
for(int i=0;i<4;i++)
{
Random rd=new Random();
int index=rd.nextInt(str.length());
//通过下标获取字符
rand[i]=str.charAt(index);
}
return rand;
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
 System.out.println("===f1===");
//接收图片类型
response.setContentType("image/jepg");
//创建字节流
ServletOutputStream sos=response.getOutputStream();
//设置缓冲区
BufferedImage img=new BufferedImage(60,30,4);
//在缓冲区中绘图
Graphics g=img.getGraphics();
//调方法，得到随机字符
char[] rand=this.getRand();
//保存于session中，以便其它页面可用
request.getSession().setAttribute("rand", new String(rand));

//干拢线
g.setColor(Color.red);
g.drawLine(new Random().nextInt(60), new Random().nextInt(60),
new Random().nextInt(20), new Random().nextInt(20));
g.drawLine(new Random().nextInt(60), new Random().nextInt(60),
new Random().nextInt(60), new Random().nextInt(20));
g.drawLine(new Random().nextInt(80), new Random().nextInt(60),
new Random().nextInt(50), new Random().nextInt(20));
//画背景色
g.drawRect(0, 0, 60, 30);
g.setColor(Color.blue);

//设置前景色
g.setColor(Color.green);
g.drawString(""+rand[0], 5, 20);
g.drawString(""+rand[1], 20, 10);
g.drawString(""+rand[2], 30, 15);
g.drawString(""+rand[3], 50, 20);
//关闭
g.dispose();

JPEGImageEncoder code=JPEGCodec.createJPEGEncoder(sos);
code.encode(img);

}

public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
this.doGet(request, response);
}
}

 

2.在web.xml中配置

<servlet>
       <servlet-name>imgServlet</servlet-name>
    <servlet-class>servlet类路径</servlet-class>

<servlet>

<servlet-mapping>
    <servlet-name>imgServlet</servlet-name>
    <url-pattern>/imgServlet</url-pattern>
  </servlet-mapping>

 

3.使用

<img src="/WN/imgServlet" id="img" name='img'  alt=''/>
     <a οnclick='updateVaM();'>看不清楚?点我更新</a> 

//更改验证码
 function updateVaM()
 {     
  document.images.img.src='/WN/imgServlet?'+Math.random();  
 }

 

———————————————————————————————————————————————————————

哎：一个小问题，花了一大半天。

发现一个问题：如果document.images.img.src='/WN/imgServlet?'+Math.random();  
改为：

document.images.img.src='/WN/imgServlet'；

如果页面地址相同的话，页面不会重新加载而是读缓存，因此图片不会更新。在网址后面加一个随即符号，会牵制要求服务器更新。但是并不完美。随机数也可能重复。