首先進行導入相應的jar包:javascript
1.若是是maven項目,在你的pom文件中進行添加以下代碼,將自動下載jar包到你的工程中:php
<dependency>
<groupId>com.github.penggle</groupId>
<artifactId>kaptcha</artifactId>
<version>2.3.2</version>
</dependency>html
2.若是是普通的web項目的話,在網上下載。將此jar包加入到web的lib目錄下面,將jar導入的build path中便可使用。前端
以後再web中進行相應的配置,代碼以下:java
<servlet>
<!– 生成圖片的Servlet –>
<servlet-name>Kaptcha</servlet-name>
<servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
<!– 是否有邊框–>
<init-param>
<param-name>kaptcha.border</param-name>
<param-value>no</param-value>
</init-param>
<!– 字體顏色 –>
<init-param>
<param-name>kaptcha.textproducer.font.color</param-name>
<param-value>red</param-value>
</init-param>
<!– 圖片寬度 –>
<init-param>
<param-name>kaptcha.image.width</param-name>
<param-value>135</param-value>
</init-param>
<!– 使用哪些字符生成驗證碼 –>
<init-param>
<param-name>kaptcha.textproducer.char.string</param-name>
<param-value>ACDEFHKPRSTWX345679</param-value>
</init-param>
<!– 圖片高度 –>
<init-param>
<param-name>kaptcha.image.height</param-name>
<param-value>50</param-value>
</init-param>
<!– 字體大小 –>
<init-param>
<param-name>kaptcha.textproducer.font.size</param-name>
<param-value>43</param-value>
</init-param>
<!– 干擾線的顏色 –>
<init-param>
<param-name>kaptcha.noise.color</param-name>
<param-value>black</param-value>
</init-param>
<!– 字符個數 –>
<init-param>
<param-name>kaptcha.textproducer.char.length</param-name>
<param-value>4</param-value>
</init-param>
<!– 使用哪些字體 –>
<init-param>
<param-name>kaptcha.textproducer.font.names</param-name>
<param-value>Arial</param-value>
</init-param>
</servlet>
<!– 映射的url –>
<servlet-mapping>
<servlet-name>Kaptcha</servlet-name>
<url-pattern>/Kaptcha</url-pattern>
</servlet-mapping>git
前端的html或者jsp中的form中驗證碼的代碼:github
<div class="form-group">
<label for="j_captcha" class="t">驗證碼:</label>
<input id="j_captcha" name="j_captcha" type="text" class="form-control x164 in">
<img id="captcha_img" alt="點擊更換" title="點擊更換" onclick="changeVerifyCode(this)" src="Kaptcha" class="m">
</div>web
這裏的src="Kaptcha"是跳轉到相應的servlet中進行加載驗證碼。 點擊刷新驗證碼是一個js進行控制的。js的腳本爲:json
點擊切換驗證碼
function changeVerifyCode(img){
img.src = "Kaptcha?"+Math.floor(Math.random()*100);
}app
這是一個javascript腳本。這樣就實現了刷新驗證碼。
生成了相應的驗證碼,那咱們怎麼去使用呢?怎麼樣去獲得驗證碼呢?怎麼樣讓驗證碼不區分大小寫呢?這些都在後臺的action進行控制。
public void login(HttpServletRequest request,HttpServletResponse response,String kachepa) throws IOException{
String kaptchaExpected = (String)request.getSession()
.getAttribute(com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY); 這裏是獲得相應的驗證碼
if( kachepa.equalsIgnoreCase(kaptchaExpected)//){ //驗證碼不區分大小寫
setJsonString("{\"success\":true}");
}else if(!kachepa.equalsIgnoreCase(kaptchaExpected)){
setJsonString("{\"success\":false,\"result\":\"驗證碼不正確!\"}");
}
this.outPrintJsonString(response, jsonString);
}
這樣就進行相應的驗證碼的實現了。