【轉】:struts2之圖片驗證碼實現
做注冊模塊,需要圖片驗證碼機制。google了一圈,自己再整理修改了一下,總算是弄出來了。思路就是在一個action里應用java的awt包里面的類繪制一個內存中的圖片,然后產生隨機數并將隨機數寫到圖片上,然后把action的返回類型設為stream,把圖片數據寫入到輸入流返回給瀏覽器。html可以通過img頁面直接用src屬性引用該action action的代碼如下
- import java.io.*;
- import javax.imageio.ImageIO;
- import javax.imageio.stream.ImageOutputStream;
- import java.awt.*;
- import java.awt.Color;
- import java.awt.image.BufferedImage;
- //DefaultAction類繼承了ActionSupport 并定義了session變量
- public class CreateValidateAction extends DefaultAction {
- private ByteArrayInputStream inputStream;
- //產生四個0~9的隨機數,放在一個字符串里
- public String createRandomString() {
- String str = "";
- for (int i = 0; i < 4; i++) {
- str += Integer.toString((new Double(Math.random() * 10)).intValue());
- }
- return str;
- }
- //隨機產生一個顏色
- public Color createsRandomColor() {
- int r = (new Double(Math.random() * 256)).intValue();
- int g = (new Double(Math.random() * 256)).intValue();
- int b = (new Double(Math.random() * 256)).intValue();
- return new Color(r, g, b);
- }
- //生成一個內存圖片,將四個隨機數寫在圖片上
- public BufferedImage createImage(String str) {
- int width = 60;
- int height = 22;
- BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
- // 獲取圖形上下文
- Graphics g = image.getGraphics();
- // 設定背景色
- g.setColor(Color.WHITE);
- g.fillRect(0, 0, width, height);
- //畫邊框
- g.setColor(Color.black);
- g.drawRect(0, 0, width - 1, height - 1);
- // 將認證碼顯示到圖象中
- g.setFont(new Font("Atlantic Inline", Font.PLAIN, 18));
- //使用隨機顏色
- g.setColor(this.createsRandomColor());
- //將隨機字符串的每個數字分別寫到圖片上
- g.drawString(Character.toString(str.charAt(0)), 8, 17);
- g.drawString(Character.toString(str.charAt(1)), 20, 17);
- g.drawString(Character.toString(str.charAt(2)), 33, 17);
- g.drawString(Character.toString(str.charAt(3)), 45, 17);
- // 圖象生效
- g.dispose();
- return image;
- }
- //將圖片的以字節形式寫到InputStream里
- public ByteArrayInputStream createInputStream() throws Exception {
- //獲取隨機字符串
- String str=this.createRandomString();
- BufferedImage image = this.createImage(str);
- //將產生的字符串寫入session,供校驗時使用
- this.getSession().put("validateCode", str);
- ByteArrayOutputStream output = new ByteArrayOutputStream();
- ImageOutputStream imageOut = ImageIO.createImageOutputStream(output);
- ImageIO.write(image, "JPEG", imageOut);
- imageOut.close();
- ByteArrayInputStream input = new ByteArrayInputStream(output.toByteArray());
- output.close();
- return input;
- }
- @Override
- public String execute() throws Exception {
- setInputStream(createInputStream());
- return SUCCESS;
- }
- public ByteArrayInputStream getInputStream() {
- return inputStream;
- }
- public void setInputStream(ByteArrayInputStream inputStream) {
- this.inputStream = inputStream;
- }
- }
然后是對應的struts的配置
- <!--action的class是由spring提供的-->
- <action name="createValidateAction" class="createValidateAction">
- <result type="stream">
- <param name="contentType">image/jpeg</param>
- <param name="inputName">inputStream</param>
- </result>
- </action>
最后就是html的寫法,點擊圖片的時候可以更新驗證碼
- <script type="text/javascript">
- function changeValidateCode(obj) {
- //獲取當前的時間作為參數,無具體意義
- var timenow = new Date().getTime();
- //每次請求需要一個不同的參數,否則可能會返回同樣的驗證碼
- //據說和瀏覽器的緩存機制有關系,不太明白,照做吧
- obj.src="createValidateAction.action?d="+timenow;
- }
- </script>
- <img src="createValidateAction.action" onclick="changeValidateCode(this)"/>