在servlet中生成网页中的验证码:
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
package com.ctcsys.util;
import
javax.servlet.
*
;
import
javax.servlet.http.
*
;
import
java.io.
*
;
import
java.util.
*
;
import
java.awt.image.
*
;
import
java.awt.
*
;
import
javax.imageio.
*
;
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
public
class
CodeMakerServlet
extends
HttpServlet
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
...
{
//验证码字体
private Font[] codeFont =
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
...{
new Font("Algerian", Font.BOLD,25),
new Font("Vivaldi", Font.BOLD, 25),
new Font("Broadway", Font.BOLD,25),
new Font("Forte", Font.BOLD, 25)
};
//验证码数字颜色
private Color[] color =
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
...{
Color.BLACK, Color.RED, Color.DARK_GRAY, Color.BLUE
};
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
String codeNumbers = "";
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
int width = 90, height = 25;
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
// 处理 HTTP get 请求
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
...{
// 清空缓冲区
response.reset();
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
// 注意这里的MIME类型
response.setContentType("image/png");
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
// 设置页面不缓存
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setDateHeader("Expires", 0);
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
// 创建一个 110X40 的图像,验证码显示的图片大小
BufferedImage image = new BufferedImage(width, height,
BufferedImage.TYPE_INT_RGB);
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
// 得到图形环境对象 g
Graphics g = image.getGraphics();
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
// 填充背景
g.setColor(new Color(64,219,255));
g.fillRect(0, 0, width, height);
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
for (int i = 0; i < 4; i++)
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
...{
drawCode(g, i);
}
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
drawNoise(g, 17);
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
// 绘制边框
g.setColor(Color.gray);
g.drawRect(0, 0, width - 1, height - 1);
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
// 将验证码内容保存进session中,用于验证用户输入是否正确时使用
HttpSession session = request.getSession(true);
session.removeAttribute("codeNumbers");
session.setAttribute("codeNumbers", codeNumbers);
// 重设字符串
codeNumbers = "";
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
// 利用ImageIO类的write方法对图像进行编码
ServletOutputStream sos = response.getOutputStream();
ImageIO.write(image, "PNG", sos);
sos.close();
}
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
// 绘制验证码
public void drawCode(Graphics graphics, int i)
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
...{
int number = (int)(Math.random() * 10);
graphics.setFont(codeFont[i]);
graphics.setColor(color[i]);
graphics.drawString("" + number, 10 + i * 17,22);
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
codeNumbers += number;
}
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
// 绘制干扰线
public void drawNoise(Graphics graphics, int lineNumber)
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
...{
graphics.setColor(new Color(9,143,134));
for (int i = 0; i < lineNumber; i++)
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
...{
int pointX1 = 1 + (int)(Math.random() * width);
int pointY1 = 1 + (int)(Math.random() * height);
int pointX2 = 1 + (int)(Math.random() * width);
int pointY2 = 1 + (int)(Math.random() * height);
graphics.drawLine(pointX1, pointY1, pointX2, pointY2);
}
}
// 处理 HTTP post 请求, 和doGet一样
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
...{
doGet(request, response);
}
}
在要显示验证码位置的页面代码中加入<img id="code" src="/ctcmcdisplay/codeMaker" title="点击刷新验证码"
style="cursor : pointer;" align="absmiddle" οnclick="return refreshcode()"/>即可,刷新验证码的javascript脚本如下:
<script type="text/javascript">
function refreshcode(){
document.getElementById("code").src="/ctcmcdisplay/codeMaker?update="+Math.random();
return false;
}
</script>
红色部分是存放servlet的功能名称,蓝色部分就是在web.xml中配置的servlet映射,web.xml中的配置代码段:
<!-- 生成验证码的servlet -->
<servlet>
<servlet-name>CodeMakerServlet</servlet-name>
<servlet-class>com.ctcsys.util.CodeMakerServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>CodeMakerServlet</servlet-name>
<url-pattern>/codeMaker</url-pattern>
</servlet-mapping>
这样在页面中就可以随机出现验证码了,点击验证码图片的时候也可以刷新验证码。