验证码无法加载图片

来源:4-13 前后端联调验证整体模块功能

魏大侠

2019-02-12

老师,你好,我遇到验证码无法加载的问题,查阅一番后仍无法解决。情况是只有点击更换字样,不显示验证码
http://img.mukewang.com/szimg/5c6286b20001b3f509560491.jpg
但它是正确的路径啊
http://img.mukewang.com/szimg/5c62872d0001dcfc10960502.jpg
http://img.mukewang.com/szimg/5c628735000164b009320413.jpg
其他方法都是按照老师讲课代码打的。然后我现在查问题,发现在CodeUtil中打印期望的验证码值为空,不知道问题出在哪里
http://img.mukewang.com/szimg/5c62878f0001b59707650432.jpg
http://img.mukewang.com/szimg/5c6287bf00016b7011390256.jpg

写回答

1回答

翔仔

2019-02-13

同学好,咱们一个个问题来排查,首先同学的验证码在首次加载的时候,前端会显示么?感觉同学的web.xml没配置好?可以参照我的,或者直接复制粘贴试试

<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>
	<servlet-mapping>
		<servlet-name>Kaptcha</servlet-name>
		<url-pattern>/Kaptcha</url-pattern>
	</servlet-mapping>

同时检查下pom.xml

<dependency>

<groupId>com.github.penggle</groupId>

<artifactId>kaptcha</artifactId>

<version>2.3.2</version>

</dependency>


0
2
翔仔
回复
魏大侠
同学好,不加载图片的话基本上就是配置和写法的问题,同学的Web.xml生效了吗?先直接复制粘贴我的替换掉同学的,然后写个kaptcha的demo试试,看看能不能加载出来,如果加载不出来,看看chrome开发者控制台和eclipse控制台报什么错误 一步步去排查
2019-02-13
共2条回复

Java双版本(SSM到SpringBoot)校园商铺全栈开发

SSM商铺V1.0,解决毕设痛点;SpringBoot商铺V2.0,满足工作刚需

5113 学习 · 8144 问题

查看课程