Java Web中Kaptcha實現驗證碼

首先進行導入相應的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);
    }

這樣就進行相應的驗證碼的實現了。

相關文章
相關標籤/搜索