使用session实现一次性验证码
js代码:
$(function(){
$("#valiImage").click(function() {
var timeStr = new Date().getTime();
var url = "user/valistr.do?time=" + timeStr;
$("#valiImage").attr("src", url);
});
});
form表单:
<input type="text" name="valistr" />
<img id="valiImage" src="user/valistr.do" width="" height="" alt="" />
<span style="color:red;text-align:center;font-family:STkaiti;">${loginValiMsg}</span>
后台util类:
/**
* 动态生成图片
*/
public class VerifyCode {
// {"宋体", "华文楷体", "黑体", "华文新魏", "华文隶书", "微软雅黑", "楷体_GB2312"}
private static String[] fontNames = { "宋体", "华文楷体", "黑体", "微软雅黑", "楷体_GB2312" };
// 可选字符
//"23456789abcdefghjkmnopqrstuvwxyzABCDEFGHJKMNPQRSTUVWXYZ";
private static String codes = "23456789abcdefghjkmnopqrstuvwxyzABCDEFGHJKMNPQRSTUVWXYZ";
// 背景色
private Color bgColor = new Color(255, 255, 255);
// 基数(一个文字所占的空间大小)
private int base = 30;
// 图像宽度
private int width = base * 4;
// 图像高度
private int height = base;
// 文字个数
private int len = 4;
// 设置字体大小
private int fontSize = 22;
// 验证码上的文本
private String text;
private BufferedImage img = null;
private Graphics2D g2 = null;
/**
* 生成验证码图片
*/
public void drawImage(OutputStream outputStream) {
// 1.创建图片缓冲区对象, 并设置宽高和图像类型
img = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
// 2.得到绘制环境
g2 = (Graphics2D) img.getGraphics();
// 3.开始画图
// 设置背景色
g2.setColor(bgColor);
g2.fillRect(0, 0, width, height);
StringBuffer sb = new StringBuffer();// 用来装载验证码上的文本
for (int i = 0; i < len; i++) {
// 设置画笔颜色 -- 随机
// g2.setColor(new Color(255, 0, 0));
g2.setColor(new Color(getRandom(0, 150), getRandom(0, 150),getRandom(0, 150)));
// 设置字体
g2.setFont(new Font(fontNames[getRandom(0, fontNames.length)], Font.BOLD, fontSize));
// 旋转文字(-45~+45)
int theta = getRandom(-45, 45);
g2.rotate(theta * Math.PI / 180, 7 + i * base, height - 8);
// 写字
String code = codes.charAt(getRandom(0, codes.length())) + "";
g2.drawString(code, 7 + i * base, height - 8);
sb.append(code);
g2.rotate(-theta * Math.PI / 180, 7 + i * base, height - 8);
}
this.text = sb.toString();
// 画干扰线
for (int i = 0; i < len + 2; i++) {
// 设置画笔颜色 -- 随机
// g2.setColor(new Color(255, 0, 0));
g2.setColor(new Color(getRandom(0, 150), getRandom(0, 150),
getRandom(0, 150)));
g2.drawLine(getRandom(0, 120), getRandom(0, 30), getRandom(0, 120),
getRandom(0, 30));
}
// 4.保存图片到指定的输出流
try {
ImageIO.write(this.img, "JPEG", outputStream);
} catch (Exception e) {
e.printStackTrace();
throw new RuntimeException(e);
}finally{
// 5.释放资源
g2.dispose();
}
}
/**
* 获取验证码字符串
* @return
*/
public String getCode() {
return this.text;
}
/*
* 生成随机数的方法
*/
private static int getRandom(int start, int end) {
Random random = new Random();
return random.nextInt(end - start) + start;
}
}
controller 处理:
//验证码
@RequestMapping(value = "valistr")
public void valistr(HttpServletResponse resp,HttpServletRequest req) throws IOException{
//验证码
// 2.调用工具类,生成验证码图片
VerifyCode vc=new VerifyCode();
// 3. 将生成的验证码图片存入response实体中
vc.drawImage(resp.getOutputStream());
// 4. 控制浏览器不要缓存验证码图片
resp.setHeader("Pragma", "no-cache");
resp.setHeader("Cache-Control", "no-cache");
// 将生成的验证码的文本内容输出到控制台
String text=vc.getCode();
//将正确验证码文本传入Session作用域
/*System.out.println(text);*/
HttpSession session=req.getSession();
session.setAttribute("text", text);
}
判断时 忽略大小写:
if(!valistr.equalsIgnoreCase((String) session.getAttribute("text"))) {
session.setAttribute("loginValiMsg", "验证码错误!");
return "user/login";
}
over.