本文實(shí)例為大家分享了sp頁(yè)面驗(yàn)證碼的具體代碼,供大家參考,具體內(nèi)容如下
項(xiàng)目結(jié)構(gòu)如下,MyEclipse中新建一個(gè)Web Project,取名servlet

1、src下new一個(gè)servlet類(lèi)
package com.servlet;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.PrintWriter;
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 IdentityServlet extends HttpServlet {
public static final char[] chars={'2','3','4','5','6','7','8','9','A'};//自定義驗(yàn)證碼池
public static Random random=new Random(); //隨機(jī)數(shù)
public static String getRandomString(){ //獲取6位隨機(jī)數(shù),放在圖片里
StringBuffer buffer=new StringBuffer();
for(int i=0;i6;i++){
buffer.append(chars[random.nextInt(chars.length)]);
}
return buffer.toString();
}
public static Color getRandomColor(){ //獲取隨機(jī)的顏色
return new Color(random.nextInt(255), random.nextInt(255), random.nextInt(255));
}
public static Color getReverseColor(Color c){ //返回某顏色的反色
return new Color(255 - c.getRed(), 255 - c.getGreen(), 255 - c.getBlue());
}
/**
* Constructor of the object.
*/
public IdentityServlet() {
super();
}
/**
* Destruction of the servlet. br>
*/
public void destroy() {
super.destroy(); // Just puts "destroy" string in log
// Put your code here
}
/**
* The doGet method of the servlet. br>
*
* This method is called when a form has its tag value method equals to get.
*
* @param request the request send by the client to the server
* @param response the response send by the server to the client
* @throws ServletException if an error occurred
* @throws IOException if an error occurred
*/
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("image/jpeg"); //設(shè)置輸出類(lèi)型
String randomString = getRandomString(); //隨機(jī)字符串
request.getSession(true).setAttribute("randomString", randomString);//放到session里
int width=100; //圖片寬度
int height=30; //圖片高度
Color color=getRandomColor(); //隨機(jī)顏色,用于背景色
Color reverse=getReverseColor(color);//反色,用于前景色
//創(chuàng)建一個(gè)彩色圖片
BufferedImage bi=new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
Graphics2D g=bi.createGraphics(); //繪圖對(duì)象
g.setFont(new Font(Font.SANS_SERIF,Font.BOLD,16));//設(shè)置字體
g.setColor(color);//設(shè)置顏色
g.fillRect(0, 0, width, height);//繪制背景
g.setColor(reverse);
g.drawString(randomString, 18, 20);//繪制隨機(jī)字符
for(int i=0,n=random.nextInt(100);in;i++){ //畫(huà)最多100個(gè)噪音點(diǎn)
g.drawRect(random.nextInt(width), random.nextInt(height), 1, 1);
}
ServletOutputStream out= response.getOutputStream();//轉(zhuǎn)成JPEG格式
JPEGImageEncoder encoder=JPEGCodec.createJPEGEncoder(out);//編碼器
encoder.encode(bi); //對(duì)圖片進(jìn)行編碼
out.flush(); //輸出到客戶(hù)端
}
/**
* The doPost method of the servlet. br>
*
* This method is called when a form has its tag value method equals to post.
*
* @param request the request send by the client to the server
* @param response the response send by the server to the client
* @throws ServletException if an error occurred
* @throws IOException if an error occurred
*/
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
/**
* Initialization of the servlet. br>
*
* @throws ServletException if an error occurs
*/
public void init() throws ServletException {
// Put your code here
}
}
2、web.xml,會(huì)自動(dòng)生成servlet和servlet-mapping的配置
?xml version="1.0" encoding="UTF-8"?>
web-app version="3.0"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
display-name>/display-name>
servlet>
servlet-name>IdentityServlet/servlet-name>
servlet-class>com.servlet.IdentityServlet/servlet-class>
/servlet>
servlet-mapping>
servlet-name>IdentityServlet/servlet-name>
url-pattern>/servlet/IdentityServlet/url-pattern>
/servlet-mapping>
welcome-file-list>
welcome-file>index.jsp/welcome-file>
/welcome-file-list>
/web-app>
3、WebRoot下新建一個(gè)html,展示驗(yàn)證碼
!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>
script type="text/javascript">
function reloadImage(){
document.getElementById('btn').disabled=true;
document.getElementById('identity').src='servlet/IdentityServlet?ts='+new Date().getTime();
}
/script>
/head>
body>
img src="servlet/IdentityServlet" id="identity" onload="btn.disabled=false;" />
input type=button value="換個(gè)圖片" onclick="reloadImage()" id="btn">
/body>
/html>
啟動(dòng)Tomcat,輸入網(wǎng)址:http://localhost:8080/servlet/identity.html,效果如下:

點(diǎn)擊‘換個(gè)圖片',會(huì)生成新的驗(yàn)證碼。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:- JSP實(shí)用教程之簡(jiǎn)易圖片驗(yàn)證碼的實(shí)現(xiàn)方法(附源碼)
- JSP實(shí)現(xiàn)登錄功能之添加驗(yàn)證碼
- jsp頁(yè)面驗(yàn)證碼demo
- JSP驗(yàn)證碼動(dòng)態(tài)生成方法
- jsp+Servlet編程實(shí)現(xiàn)驗(yàn)證碼的方法
- jsp+ajax實(shí)現(xiàn)的局部刷新較驗(yàn)驗(yàn)證碼(onblur事件觸發(fā)較驗(yàn))
- jsp實(shí)現(xiàn)簡(jiǎn)單驗(yàn)證碼的方法
- JSP 制作驗(yàn)證碼的實(shí)例詳解