結構圖以下:javascript
Java的action層下建立一個Servlet,名字:checkImg_Servlet html
package com.liaoyuanping.action; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.Graphics2D; import java.awt.image.BufferedImage; import java.io.BufferedReader; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.UnsupportedEncodingException; import java.util.ArrayList; import java.util.List; import java.util.Random; import javax.imageio.ImageIO; //import java.io.IOException;
import javax.servlet.ServletConfig; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @WebServlet("/checkImg_Servlet") public class checkImg_Servlet extends HttpServlet { private List<String> words = new ArrayList<String>(); public void init(ServletConfig config) throws ServletException { words.add("廖遠平帥"); words.add("廖遠平酷"); words.add("廖遠平棒"); words.add("人才輩出"); words.add("危在旦夕"); //因爲試過多個讀取文件的方式都出現錯誤,暫時使用手動加進數組,
//之後是使用配置文件進行操做的
/* * //初始化階段,讀取new_words.txt文件 //Web工程讀取文件,必須使用絕對磁盤路徑 * System.out.println("初始化1"); * * System.out.println("contextPath:"+this.getServletContext()); * * try { InputStreamReader reader22 = new InputStreamReader(new * FileInputStream("..."),"UTF-8"); } catch * (UnsupportedEncodingException e1) { // TODO Auto-generated catch * block e1.printStackTrace(); } catch (FileNotFoundException e1) { // * TODO Auto-generated catch block e1.printStackTrace(); } * //System.out.println("contextPath:"+this.getServletContext(). * getContextPath()); //InputStreamReader reader = new * InputStreamReader(new FileInputStream(realPath),"UTF-8"); * * String path = getServletContext().getRealPath(""); * System.out.println("初始化2"); System.out.println(path); path += * "new_words.txt"; * * * * try { BufferedReader reader = new BufferedReader( null ); * //BufferedReader reader = new BufferedReader(new FileReader(path)); * String line; while((line = reader.readLine()) != null){ * words.add(line); } reader.close(); } catch (IOException e) { * System.out.println("初始化發生異常:"+e.getMessage()); e.printStackTrace(); } * System.out.println("初始化關鍵字。。。。完成"); */ } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 禁止緩存
int width = 120; int height = 30; System.out.println("開始執行"); // 步驟一:繪製一張內存中的圖片
BufferedImage bufferedImage = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); // 步驟二:圖片繪製背景顏色 --經過繪圖對象
Graphics graphics = bufferedImage.getGraphics(); // 獲得畫圖對象,畫筆 // 繪製任何圖形以前都必須指定一個顏色
graphics.setColor(getRandColor(200, 250)); graphics.fillRect(0, 0, width, height); // 繪製邊框
graphics.setColor(Color.WHITE); graphics.drawRect(0, 0, width - 1, height - 1); // 步驟四:設置四個隨機數字
Graphics2D graphics2d = (Graphics2D) graphics; // 設置輸出的字體
graphics2d.setFont(new Font("宋體", Font.BOLD, 18)); Random random = new Random(); // 生成隨機數
int index = random.nextInt(words.size()); String word = words.get(index); // 得到成語 // 定義x的座標
int x = 10; for (int i = 0; i < word.length(); i++) { // 隨機顏色
graphics2d.setColor(new Color(20 + random.nextInt(110), 20 + random.nextInt(110), 20 + random.nextInt(110))); // 旋轉 -30度--正30度
int jiaodu = random.nextInt(60) - 30; // 換算弧度
double theta = jiaodu * Math.PI / 180; // 得到字母數字
char c = word.charAt(i); // 將 c 輸出到圖片
graphics2d.rotate(theta, x, 20); graphics2d.drawString(String.valueOf(c), x, 20); graphics2d.rotate(-theta, x, 20); x += 30; } // 將驗證碼內容保存到session
request.getSession().setAttribute("checkcode_session", word); // 步驟五:繪製干擾線
graphics.setColor(getRandColor(160, 200)); int x1; int x2; int y1; int y2; for (int i = 0; i < 30; i++) { x1 = random.nextInt(width); x2 = random.nextInt(12); y1 = random.nextInt(height); y2 = random.nextInt(12); graphics.drawLine(x1, y1, x1 + x2, x2 + y2); } // 將上面的圖片加載到瀏覽器ImageIo
graphics.dispose(); // 釋放資源 // 將圖片寫到response.getOutputStream()中
ImageIO.write(bufferedImage, "jpg", response.getOutputStream()); } /* * 取其某一範圍的color * * @param fc int 範圍參數1 * * @param bc int 範圍參數2 * * @return Color */
private Color getRandColor(int fc, int bc) { // 取其隨機顏色
Random random = new Random(); if (fc > 255) { fc = 255; // 限定最大值
} if (bc > 255) { bc = 255; // 也是限定最大值
} int r = fc + random.nextInt(bc - fc); int g = fc + random.nextInt(bc - fc); int b = fc + random.nextInt(bc - fc); return new Color(r, g, b); } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); } }
HTML代碼以下:java
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>首頁</title>
<script type="text/javascript"> window.onload = function(){ } function changeImg (obj){ obj.src ="checkImg?time="+new Date().getTime(); //設置有效期
//document.getElementById("validateCodeImg").src="${pageContext.request.contextPath}/servlet/DrawImage?"+Math.random();
} </script>
</head>
<body>
<form action="/WEB13/login" method="post"> 用戶名:<input type="text" name="username"><br> 密碼:<input type="password" name="password"><br> 驗證碼:<input type="text" name="username"><img onclick="changeImg(this)" src="checkImg_Servlet"><br/>
<input type="button" name="btnLogin" value="登陸"><br/>
</form>
</body>
</html>
不過這個案例還有一些問題,也正在解決當中,還請各位大佬指點數組