首先创建一个CaptailCode类
package com.xiaoqiang.code; import java.awt.*;
import java.awt.font.FontRenderContext;
import java.awt.geom.Rectangle2D;
import java.awt.image.BufferedImage;
import java.util.Random;
import javax.imageio.ImageIO;
import javax.servlet.http.HttpServletResponse; /**
* 验证码工具类
*/
public class CaptailCode {
/**
* 验证码生成
* @param response
* @return
*/
public static String drawImage(HttpServletResponse response)
{ //定义以字符串拼接的StringBuilder
StringBuilder stringBuilder=new StringBuilder();
//准备产生4个字符串的随机数
for (int i = 0; i <4; i++) {
stringBuilder.append(randomChar());
}
String code=stringBuilder.toString(); //2:定义图片的宽度和高度
int width = 70;
int height = 25;
//简历bufferedImage对象，制定图片的长度和宽度以及色彩
BufferedImage bi = new BufferedImage(width,height,BufferedImage.TYPE_3BYTE_BGR);
//3:获取到 Graphics2D 绘制对象，开始绘制验证码
Graphics2D g = bi.createGraphics();
//4:设置文字的字体和大小
Font font = new Font("微软雅黑",Font.PLAIN,20);
//设置字体的颜色
Color color = new Color(0,0,0);
//设置字体
g.setFont(font);
//设置颜色
g.setColor(color);
//设置背景
g.setBackground(new Color(226,226,240));
//开始绘制对象
g.clearRect(0,0,width,height);
//绘制形状，获取矩形对象
FontRenderContext context = g.getFontRenderContext();
Rectangle2D bounds = font.getStringBounds(code,context);
//计算文件的坐标和间距
double x = (width - bounds.getWidth())/2;
double y = (height - bounds.getHeight())/2;
double ascent = bounds.getY();
double baseY = y - ascent;
g.drawString(code,(int)x,(int)baseY);
//结束绘制
g.dispose();
try {
ImageIO.write(bi,"jpg",response.getOutputStream());
//刷新响应流
response.flushBuffer();
}catch(Exception ex){
ex.printStackTrace();
} return code;
}
private static char randomChar()
{ //定义验证码需要的字母和数字
String string="QWERTYUIOPASDFGHJKLZXCVBNM123456";
//定义随机对象
Random random=new Random();
return string.charAt(random.nextInt(string.length()));
} public static void main(String[] args) {
System.out.println(drawImage(null));
}
}
再创建一个code.jsp文件
<%--
Created by IntelliJ IDEA.
User: Administrator
Date: 2018\7\31 0031
Time: 20:29
To change this template use File | Settings | File Templates.
--%>
<%@ page import="com.xiaoqiang.code.CaptailCode" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
//清空浏览器缓存
response.setHeader("pragma", "no-cache");
response.setHeader("cache-control", "no-cache");
response.setHeader("expires", "0");
String code=CaptailCode.drawImage(response);
session.setAttribute("code", code);
//解决outputStream()问题
out.clear();
out = pageContext.pushBody();
%>
在index.jsp中显示验证码
<%--
Created by IntelliJ IDEA.
User: Administrator
Date: 2018\7\31 0031
Time: 18:47
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>java验证码</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0"> </head>
<body>
<a href="javascript:void(0);" onclick="changeCode()"><img src="code.jsp" alt="" id="code"></a>
<script>
function changeCode()
{
document.getElementById("code").src="code.jsp?d="+new Date();
}
</script> </body>
</html>
一个完整的验证码实例demo已经搞定了。
href="#"与href="javascript:void(0)"的区别
# 包含了一个位置信息，默认的锚是#top 也就是网页的上端。
而javascript:void(0), 仅仅表示一个死链接。
在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。
如果你要定义一个死链接请使用 javascript:void(0) 。
pushBody()的作用是保存当前的out对象，并更新PageContext中Page范围内Out对象。至于为什么要加上这句话，是因为JSP容器在处理完成请求后会调用releasePageConter方法释放所有的PageContestObject，并且同时调用getWriter方法。由于getWriter方法与在JSP页面中使用流相关的getOutputStream方法冲突，所以会造成这种异常，解决方法就是楼上给的一样，只需要在JSP页面的最后加上这两条语句。
out.clear();
out = pageContext.pushBody();