10min搞定VerifyCodeServlet（生成一次性图片验证码）

10min，话不多说，直接搞。

1.打开Myecplise部署项目启动服务器。

2.新建表单form.jsp。

核心代码：

表单代码：

<%--
1. 写表单，其中包含图片（验证码）
2. 让图片显示出来：
把<img>的src指向VerifyCodeServlet，你需要在web.xml中部署VerfiyCodeServlet
3. 换一张
--%>
<form action="/cqtools/LoginServlet" method="post">
<%-- 添加一个参数：method=login --%>
<input type="hidden" name="method" value="login"> 
用户名：<input type="text" name="name" /><br/> 
密    码：<input type="password" name="pwd" /><br/> 
验证码：<input type="text" name="verifyCode" /><br/>
<img src="/cqtools/VerifyCodeServlet" id="imgVerifyCode" /> 
<a href="javascript:_hyz()">换一张</a> <br/> 
<input type="submit" value="提交" />
</form>

JS代码：

<script type="text/javascript">
function _hyz() {
/*
1. 获取<img>元素
2. 给它的src指向为/tools/VerifyCodeServlet
*/
var img = document.getElementById("imgVerifyCode");
// 需要给出一个参数，这个参数每次都不同，这样才能干掉浏览器缓存！
img.src = "/cqtools/VerifyCodeServlet?a=" + new Date().getTime();
//缓存问题，例如ie不能换，google能换；ie自作聪明，不就是图片，路径一样，我上次保存了，直接给你···
//加一个永远不重复的参数，Servlet同一个但参数不同他就不敢自作主张，必须问服务器···
}
</script>

web.xml中配置路径：

<servlet>
<servlet-name>VerifyCodeServlet</servlet-name>
<servlet-class>cn.itcast.vcode.servlet.VerifyCodeServlet</servlet-class>
</servlet>
<servlet>
<servlet-name>LoginServlet</servlet-name>
<servlet-class>com.billjobs.test.web.servlet.LoginServlet</servlet-class>
</servlet>

<servlet-mapping>
<servlet-name>VerifyCodeServlet</servlet-name>
<url-pattern>/VerifyCodeServlet</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>LoginServlet</servlet-name>
<url-pattern>/LoginServlet</url-pattern>
</servlet-mapping>

最后成功实现换一张验证码效果。

Github源码地址：https://github.com/HXQWill/Quan_itcast/blob/master/VerifyCodeServlet/form.jsp

最后

以上就是高挑心锁为你收集整理的10min搞定VerifyCodeServlet（生成一次性图片验证码）的全部内容，希望文章能够帮你解决10min搞定VerifyCodeServlet（生成一次性图片验证码）所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。