java动态验证码_程序员：Java web实现动态图片验证码的一个小实例

前言

不管PC端还是移动端，安全要求越来越高。产品也会通过各种手段提高应用在关键节点为的安全性，最基础的验证码、图片文字识别、简单算术计算、滑动板块、人脸识别等等。

这些功能都有一样的目的，防止外来攻击和加强安全验证。

今天给大家来个小实例，用java实现动态图片验证码。

代码

生成验证码图片

定义宽高

int width = 100;

int height = 50;

使用BufferedImage在内存中生成图片

BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);

绘制背景和边框

Graphics g = image.getGraphics();

g.setColor(Color.WHITE);

g.fillRect(0, 0, width, height);

g.setColor(Color.BLACK);

g.drawRect(0, 0, width - 1, height - 1);

创建随机字符集和随机数对象

//字符集

String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefgjijklmnopqrstuvwxyz";

//随机数

Random ran = new Random();

创建随机颜色生成方法

private Color getRandomColor(Random random) {

//获取随机颜色

int colorIndex = random.nextInt(3);

switch (colorIndex) {

case 0:

return Color.BLUE;

case 1:

return Color.GREEN;

case 2:

return Color.RED;

case 3:

return Color.YELLOW;

default:

return Color.MAGENTA;

}

}

绘制验证码字符

//绘制验证码

for (int i = 0; i < 4; i++) {

//获取随机字符

int index = ran.nextInt(str.length());

char ch = str.charAt(index);

//获取随机色

Color randomColor = getRandomColor(ran);

g.setColor(randomColor);

//设置字体

Font font = new Font("宋体", Font.BOLD, height / 2);

g.setFont(font);

//写入验证码

g.drawString(ch + "", (i == 0) ? width / 4 * i + 2 : width / 4 * i, height - height / 4);

}

绘制干扰线

//干扰线

for (int i = 0; i < 10; i++) {

int x1 = ran.nextInt(width);

int x2 = ran.nextInt(width);

int y1 = ran.nextInt(height);

int y2 = ran.nextInt(height);

Color randomColor = getRandomColor(ran);

g.setColor(randomColor);

g.drawLine(x1, x2, y1, y2);

}

使用ImageIO输出图片

ImageIO.write(image, "jpg", resp.getOutputStream());

成果图

实现刷新效果

新建html页面

使用img标签实现图片展示

看不清，换一张

使用js实现刷新效果

//点击图片时

var img = document.getElementById("identcode");

img.onclick = function (){

refesh();

}

//点击连接时

var a = document.getElementById("refesh");

a.onclick = function (){

refesh();

//返回false防止a标签默认href行为

return false;

}

function refesh() {

/**

* 由于路径相同时浏览器会自动调用缓存中的图片

* 所以在连接后加时间戳解决此问题

*/

var date = new Date().getTime();

img.src = "identcode?" + date;

}

效果