Web驗證碼圖片的生成-基於Java的實現
阿新 • • 發佈：2017-05-04
submit esc page resp ioe 代碼 oge cnblogs pro
驗證碼圖片是由程序動態產生的，每次訪問的內容都是隨機的。那麽如何采用程序動態產生圖片，並能夠顯示在客戶端頁面中呢？原理很簡單，對於java而言，我們首先開發一個Servlet，這個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，你將會在瀏覽器中看見一個帶有驗證碼圖片的登錄表單.
Web驗證碼圖片的生成-基於Java的實現