圖片驗證碼 Kaptcha

1 pom.xml添加jar包

<!-- kaptcha  start-->
<dependency>
	<groupId>com.github.axet</groupId>
	<artifactId>kaptcha</artifactId>
	<version>0.0.9</version>
</dependency>
<!--kaptcha  end-->

2 配置web.xml(servlet)

<!-- kaptcha  start-->
  <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.char.space</param-name>
      <param-value>5</param-value>
    </init-param>
    <init-param>
      <param-name>kaptcha.textproducer.char.length</param-name>
      <param-value>5</param-value>
    </init-param>
  </servlet>

  <servlet-mapping>
    <servlet-name>Kaptcha</servlet-name>
    <url-pattern>/captcha.jpg</url-pattern>
  </servlet-mapping>
<!--kaptcha  end-->

3 頁面添加驗證碼

自動刷新$("#captcha").click();

<img id="captcha" onclick="this.src='/captcha.jpg'" src="/captcha.jpg" />

4 效果圖

這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章