- <span style="font-size:18px;"> <bean id="captchaProducer" class="com.google.code.kaptcha.impl.DefaultKaptcha">
- <property name="config">
- <bean class="com.google.code.kaptcha.util.Config">
- <constructor-arg>
- <props>
- <prop key="kaptcha.border">yes</prop>
- <prop key="kaptcha.border.color">105,179,90</prop>
- <prop key="kaptcha.textproducer.font.color">blue</prop>
- <prop key="kaptcha.image.width">125</prop>
- <prop key="kaptcha.image.height">45</prop>
- <prop key="kaptcha.textproducer.font.size">45</prop>
- <prop key="kaptcha.session.key">code</prop>
- <prop key="kaptcha.textproducer.char.length">4</prop>
- <prop key="kaptcha.textproducer.font.names">宋體,楷體,微軟雅黑</prop>
- </props>
- </constructor-arg>
- </bean>
- </property>
- </bean></span>
- <span style="font-size:18px;">package com.vopzoon.app.base.captcha;
- import java.awt.image.BufferedImage;
- import javax.imageio.ImageIO;
- import javax.servlet.ServletOutputStream;
- import javax.servlet.http.HttpServletRequest;
- import javax.servlet.http.HttpServletResponse;
- import javax.servlet.http.HttpSession;
- import org.springframework.beans.factory.annotation.Autowired;
- import org.springframework.stereotype.Controller;
- import org.springframework.web.bind.annotation.RequestMapping;
- import org.springframework.web.servlet.ModelAndView;
- import com.google.code.kaptcha.Constants;
- import com.google.code.kaptcha.Producer;
- /**
- * 防止Captcha機器人登陸
- * @author liuwang
- *
- */
- @Controller
- @RequestMapping("/kaptcha/*")
- public class CaptchaController {
- @Autowired
- private Producer captchaProducer = null;
- @RequestMapping
- public ModelAndView getKaptchaImage(HttpServletRequest request, HttpServletResponse response) throws Exception {
- HttpSession session = request.getSession();
- String code = (String)session.getAttribute(Constants.KAPTCHA_SESSION_KEY);
- System.out.println("******************驗證碼是: " + code + "******************");
- response.setDateHeader("Expires", 0);
- // Set standard HTTP/1.1 no-cache headers.
- response.setHeader("Cache-Control", "no-store, no-cache, must-revalidate");
- // Set IE extended HTTP/1.1 no-cache headers (use addHeader).
- response.addHeader("Cache-Control", "post-check=0, pre-check=0");
- // Set standard HTTP/1.0 no-cache header.
- response.setHeader("Pragma", "no-cache");
- // return a jpeg
- response.setContentType("image/jpeg");
- // create the text for the image
- String capText = captchaProducer.createText();
- // store the text in the session
- session.setAttribute(Constants.KAPTCHA_SESSION_KEY, capText);
- // create the image with the text
- BufferedImage bi = captchaProducer.createImage(capText);
- ServletOutputStream out = response.getOutputStream();
- // write the data out
- ImageIO.write(bi, "jpg", out);
- try {
- out.flush();
- } finally {
- out.close();
- }
- return null;
- }
- }
- </span>
3. JSP代碼
- <span style="font-size:18px;"><%@ 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">
- <script type="text/javascript" src="js/jquery.js"></script>
- <script type="text/javascript" src="js/functions.js"></script>
- <title>測試頁面</title>
- <script type="text/javascript">
- $(function(){
- $('#kaptchaImage').click(function () {//生成驗證碼
- $(this).hide().attr('src', './kaptcha/getKaptchaImage.do?' + Math.floor(Math.random()*100) ).fadeIn();
- event.cancelBubble=true;
- });
- });
- window.onbeforeunload = function(){
- //關閉窗口時自動退出
- if(event.clientX>360&&event.clientY<0||event.altKey){
- alert(parent.document.location);
- }
- };
- function changeCode() {
- $('#kaptchaImage').hide().attr('src', './kaptcha/getKaptchaImage.do?' + Math.floor(Math.random()*100) ).fadeIn();
- event.cancelBubble=true;
- }
- </script>
- </head>
- <body>
- <div class="chknumber">
- <label>驗證碼:
- <input name="kaptcha" type="text" id="kaptcha" maxlength="4" class="chknumber_input" />
- </label>
- <br />
- <img src="./kaptcha/getKaptchaImage.do" id="kaptchaImage" style="margin-bottom: -3px"/>
- <a href="#" onclick="changeCode()">看不清?換一張</a>
- </div>
- </body>
- </html>
- </span>
4.controller中取得校驗碼
- String kaptchaExpected = (String) request.getSession().getAttribute(com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);
5.kaptcha可配置項
- <span style="font-size:12px;">kaptcha.border 是否有邊框 默認爲true 我們可以自己設置yes,no
- kaptcha.border.color 邊框顏色 默認爲Color.BLACK
- kaptcha.border.thickness 邊框粗細度 默認爲1
- kaptcha.producer.impl 驗證碼生成器 默認爲DefaultKaptcha
- kaptcha.textproducer.impl 驗證碼文本生成器 默認爲DefaultTextCreator
- kaptcha.textproducer.char.string 驗證碼文本字符內容範圍 默認爲abcde2345678gfynmnpwx
- kaptcha.textproducer.char.length 驗證碼文本字符長度 默認爲5
- kaptcha.textproducer.font.names 驗證碼文本字體樣式 默認爲new Font("Arial", 1, fontSize), new Font("Courier", 1, fontSize)
- kaptcha.textproducer.font.size 驗證碼文本字符大小 默認爲40
- kaptcha.textproducer.font.color 驗證碼文本字符顏色 默認爲Color.BLACK
- kaptcha.textproducer.char.space 驗證碼文本字符間距 默認爲2
- kaptcha.noise.impl 驗證碼噪點生成對象 默認爲DefaultNoise
- kaptcha.noise.color 驗證碼噪點顏色 默認爲Color.BLACK
- kaptcha.obscurificator.impl 驗證碼樣式引擎 默認爲WaterRipple
- kaptcha.word.impl 驗證碼文本字符渲染 默認爲DefaultWordRenderer
- kaptcha.background.impl 驗證碼背景生成器 默認爲DefaultBackground
- kaptcha.background.clear.from 驗證碼背景顏色漸進 默認爲Color.LIGHT_GRAY
- kaptcha.background.clear.to 驗證碼背景顏色漸進 默認爲Color.WHITE
- kaptcha.image.width 驗證碼圖片寬度 默認爲200
- kaptcha.image.height 驗證碼圖片高度 默認爲50
- </span>