一、后端:
@RequestMapping(“/vcode”)
public void vcode(HttpServletRequest req, HttpServletResponse resp) throws Exception {
VerifyCode vc = new VerifyCode();
BufferedImage image = vc.getImage();// 获取一次性验证码图片
// 该方法必须在getImage()方法之后来调用
// System.out.println(“验证码图片上的文本:”+vc.getText());//获取图片上的文本
// 把文本保存到session中,为验证做准备
//req.getSession().setAttribute(“vcode”, vc.getText());
//保存到shiro session
System.out.println(vc.getText());
ShiroUtils.setSessionAttribute(“kaptcha”, vc.getText());
VerifyCode.output(image, resp.getOutputStream());// 把图片写到指定流中
}
二、前端:
</div>
三、验证码工具类:
package com.jld.util;
import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Random;
import javax.imageio.ImageIO;
/**
*
* @Desc: 验证码
*/
public class VerifyCode {
private int w = 70;
private int h = 35;
private Random r = new Random();
// {“宋体”, “华文楷体”, “黑体”, “华文新魏”, “华文隶书”, “微软雅黑”, “楷体_GB2312”}
private String[] fontNames = { “宋体”, “华文楷体”, “黑体”, “微软雅黑”, “楷体_GB2312” };
private String codes = “23456789abcdefghjkmnopqrstuvwxyzABCDEFGHJKMNPQRSTUVWXYZ”;
private Color bgColor = new Color(255, 255, 255);
private String text;
private Color randomColor() {
int red = r.nextInt(150);
int green = r.nextInt(150);
int blue = r.nextInt(150);
return new Color(red, green, blue);
}
private Font randomFont() {
int index = r.nextInt(fontNames.length);
String fontName = fontNames[index];
int style = r.nextInt(4);
int size = r.nextInt(5) + 24;
return new Font(fontName, style, size);// 指定字体名称、样式和点大小,创建一个新 Font。
}
// 画干扰的线条
private void drawLine(BufferedImage image) {
int num = 3;// 画三条
Graphics2D g2 = (Graphics2D) image.getGraphics();
for (int i = 0; i < num; i++) {
int x1 = r.nextInt(w);
int y1 = r.nextInt(h);
int x2 = r.nextInt(w);
int y2 = r.nextInt(h);
g2.setStroke(new BasicStroke(1.5F));
g2.setColor(Color.BLUE);
g2.drawLine(x1, y1, x2, y2);
}
}
private char randomChar() {
int index = r.nextInt(codes.length());
return codes.charAt(index);
}
private BufferedImage createImage() {
BufferedImage image = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB);
Graphics2D g2 = (Graphics2D) image.getGraphics();
g2.setColor(this.bgColor);
g2.fillRect(0, 0, w, h);
return image;
}
public BufferedImage getImage() {
BufferedImage image = createImage();
Graphics2D g2 = (Graphics2D) image.getGraphics();
StringBuilder sb = new StringBuilder();
// 向图片中画4个字符
for (int i = 0; i < 4; i++) {
String s = randomChar() + "";
sb.append(s);
float x = i * 1.0F * w / 4;
g2.setFont(randomFont());
g2.setColor(randomColor());
/**
* 首字符的基线位于用户空间的 (x, h-5) 位置处 原点在左上角,X轴递增的方向是从左向右;Y轴是从上到下
* 在提供的坐标位于基线上最左边字符的情况下,可以从右到左呈现字形 h-5表示y轴方向,向上偏移了5
*/
g2.drawString(s, x, h - 5);
}
this.text = sb.toString();
drawLine(image);
return image;
}
public String getText() {
return text;
}
public static void output(BufferedImage image, OutputStream out) throws IOException {
ImageIO.write(image, "JPEG", out);
}
}