关于kaptcha的使用问题!

关于kaptcha的使用问题!

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <servlet>
        <servlet-name>InitServlet</servlet-name>
        <servlet-class>com.imooc.servlet.InitServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>InitServlet</servlet-name>
        <url-pattern>/index</url-pattern>
    </servlet-mapping>

    <jsp-config>
        <jsp-property-group>
            <url-pattern>*.jsp</url-pattern>
            <include-prelude>/jsp/common.jsp</include-prelude>
        </jsp-property-group>
    </jsp-config>


    <servlet>
        <servlet-name>LoginServlet</servlet-name>
        <servlet-class>com.imooc.servlet.LoginServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>LoginServlet</servlet-name>
        <url-pattern>/LoginServlet</url-pattern>
    </servlet-mapping>
    <!--生成图片的servlet-->
    <servlet>
        <servlet-name>Kaptcha</servlet-name>
        <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
        <init-param>
            <param-name>kaptcha.image.width</param-name>
            <param-value>200</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.char.length</param-name>
            <param-value>4</param-value>
        </init-param>
        <init-param>
            <param-name>kaptcha.noise.impl</param-name>
            <param-value>com.google.code.kaptcha.impl.NoNoise</param-value>
        </init-param>
    </servlet>
    <servlet-mapping>
        <servlet-name>Kaptcha</servlet-name>
        <url-pattern>/kaptcha.jpg</url-pattern>
    </servlet-mapping>
</web-app>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登录页面</title>
<style type="text/css">
   .code 
   {
    font-family:Arial;
    font-style:italic;
    color:blue;
    font-size:20px;
    border:0;
    padding:2px 3px;
    letter-spacing:3px;
    font-weight:bolder;
    float:left;
    cursor:pointer;
    height:20px;
    line-height:20px;
    text-align:center;
    vertical-align:middle;
   }
   a 
   {
    text-decoration:none;
    font-size:12px;
    color:#288bc4;
   }
   a:hover 
   {
    text-decoration:underline;
   }
</style>

</head>
<body>
   <center>
      <h1>用户登录</h1>
      <form action="<%=basePath%>/LoginServlet" method="post" onsubmit="return validateCode()">
         <table width="300px" cellspacing="0px" cellpadding="0px" border="1px">
            <tr>
               <td>用户名</td>
               <td colspan="2"><input type="text" name="username" placeholder="用户名为3-12位字母数字或下划线组合"></td>
            </tr>
            <tr>
               <td>密&nbsp;码</td>
               <td  colspan="2"><input type="password" name="password" placeholder="长度为5-12位字母数字或下划线组合" ></td>
            </tr>
            <tr>
               <td>验证码</td>
               <td style="border-right-style:none;">
                  <form action="submit.action">
                     <input type="text" name="checkCode" placeholder="请输入验证码" id="inputCode">
                     <img src="${basePath}/kaptcha.jpg" />
                  </form>

               </td>
               <td style="border-left-style:none;"><div class="code" id="checkCode" ></div></td>
            </tr>
            <tr>
               <td colspan="3" style="text-align:center">
                  <input type="submit" value="登录">
                  <input type="reset" value="取消">
               </td>
            </tr>
         </table>
      </form>
   </center>
</body>
</html>

http://img1.sycdn.imooc.com//climg/5cee52d1000105f607600949.jpg

老师请帮我看看,为什么我的验证码图片显示不出来?

正在回答

登陆购买课程后可参与讨论,去登陆

9回答

同学你好!同学把lib目录放在web-inf目录下面,重新添加一下jar包呢

http://img1.sycdn.imooc.com//climg/5cee6f44000144c403290211.jpg

如果我回答解决了你的疑惑,请采纳,祝学习愉快~

  • 造梦大师 提问者 #1
    好了,谢谢老师,我真是太粗心了!
    2019-05-29 19:41:47
好帮手慕柯南 2019-05-29 18:36:47

同学你好!这里是什么呢?

http://img1.sycdn.imooc.com//climg/5cee60180001f72503080061.jpg

建议同学把编译好的文件删除,重新启动一下呢,如果还是不行,关机试一下呢

http://img1.sycdn.imooc.com//climg/5cee607f0001710c03560211.jpg

祝学习愉快~

  • 提问者 造梦大师 #1
    那个出错的地方与这个无关,是我写servlet中时出现的错误。
    2019-05-29 18:38:33
  • 提问者 造梦大师 #2
    关机我也试过了,55 要不老师我把文件发给你 你帮我测试一下吧
    2019-05-29 18:39:24
  • 提问者 造梦大师 #3
    我实在找不出原因了
    2019-05-29 18:39:51
提问者 造梦大师 2019-05-29 18:26:50
好帮手慕柯南 2019-05-29 18:23:55

同学你好!同学看一下idea的控制台报什么错,同学检查一下以下目录是否有所需要的jar包呢

http://img1.sycdn.imooc.com//climg/5cee5d190001502e12120823.jpg

如果没有同学可以参考教辅进行导入

http://img1.sycdn.imooc.com//climg/5cee5da40001c0a813910961.jpg

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

  • 提问者 造梦大师 #1
    包已经导入了,老师
    2019-05-29 18:26:27
  • 提问者 造梦大师 #2
    启动时,idea没有报错,我路径应该也没写错不知为什么就是显示不出图片,
    2019-05-29 18:29:59
提问者 造梦大师 2019-05-29 18:08:07

再次重启之后出现以下错误↓

http://img1.sycdn.imooc.com//climg/5cee59e50001ea0d18971046.jpghttp://img1.sycdn.imooc.com//climg/5cee59f40001207019170370.jpghttp://img1.sycdn.imooc.com//climg/5cee5a0400015b4918720905.jpg

提问者 造梦大师 2019-05-29 18:01:53
提问者 造梦大师 2019-05-29 18:01:01
好帮手慕柯南 2019-05-29 17:56:54

同学你好!经测试同学的代码没有问题,建议同学重新编译一下,或者关闭idea启动项目测试一下呢。如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

  • 提问者 造梦大师 #1
    老师,我试了,还是不行.看下回复中的测试图片↓
    2019-05-29 18:00:50
提问者 造梦大师 2019-05-29 17:41:56

问题追加:

http://img1.sycdn.imooc.com//climg/5cee53cd0001b09313380903.jpghttp://img1.sycdn.imooc.com//climg/5cee53df00018e2e19191027.jpg

  • 提问者 造梦大师 #1
    这里显示图片根本不存在..
    2019-05-29 17:43:36
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
从网页搭建入门Java Web2018版
  • 参与学习           人
  • 提交作业       1088    份
  • 解答问题       10204    个

如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师