图像验证码,一般用在登录或者注册时,其主要用途在于防止机器暴力攻击,频繁的去请求服务器。因为一般注册,登录这些操作,后台都要做比较多的事情,比如查多个表,记录日志等等,如果没有验证码,就很容易被人用程序对你服务器进行反复的攻击,导致你宕机。
此处介绍如果在后台生成验证码,至于校验则先不讲。
代码参考自网络,具体网址已忘记
一般生成的验证码都是图片,用imagestream返回前端,前端页面用标签,src用放置这个流即可。也可后台返回base64的字符串,也是放在img标签中。由于此处没有搭建后台服务器,即使纯代码,故用base64返回实现。
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.util.Random;
import javax.imageio.ImageIO;
import sun.misc.BASE64Encoder;
public class VerifyCodeTest {
private int CODE_LENGTH=4;
private int IMAGEWIDTH=100;
private int IMAGEHEIGHT=50;
private int FONTSIZE=60;
private Random random=new Random();
private final char[] CHAR_RANGE = { 'A', 'B', 'C', 'D', '0', '1', '2', '3', '4', '5', '6', '7','8', '9'};
//返回普通的字母数字验证码
public String getRandString(){
StringBuilder sb = new StringBuilder();
for (int i = 0; i < CODE_LENGTH; i++) sb.append(CHAR_RANGE[random.nextInt(CHAR_RANGE.length)]);
return sb.toString();
}
//返回随机颜色
public Color getRandColor(int ll, int ul){
if (ll > 255) ll = 255;
if (ll < 1) ll = 1;
if (ul > 255) ul = 255;
if (ul < 1) ul = 1;
if (ul == ll) ul = ll + 1;
int r = random.nextInt(ul - ll) + ll;
int g = random.nextInt(ul - ll) + ll;
int b = random.nextInt(ul - ll) + ll;
Color color = new Color(r,g,b);
return color; }
public BufferedImage getImage(String verifyCode){
//生成画布,大小可以通过参数注入
BufferedImage image = new BufferedImage(IMAGEWIDTH * CODE_LENGTH, IMAGEHEIGHT, BufferedImage.TYPE_INT_RGB);
//获取图形上下文 (生成画笔)
Graphics graphics = image.getGraphics();
//设置背景色() ,先设置颜色,然后画矩形
graphics.setColor(getRandColor(1,50));
//填充矩形区域 ,作为背景
graphics.fillRect(0, 0, IMAGEWIDTH * 4, IMAGEHEIGHT);
//设置边框颜色
graphics.setColor(new Color(0,255,0));
//画出边框
for (int i=0; i<2; i++)
graphics.drawRect(i, i, IMAGEWIDTH * CODE_LENGTH - i * 2 - 1, IMAGEHEIGHT - i * 2 - 1);
//设置字体
graphics.setFont(new Font("Times New Roman", Font.PLAIN, FONTSIZE));
//画字符串
for (int i=0; i<CODE_LENGTH; i++){
String temp = verifyCode.substring(i, i+1);
graphics.setColor(getRandColor(100,255));
graphics.drawString(temp, 60 * i + 6,40);
}
//图像生效
graphics.dispose();
return image;
}
public static void main(String[] args) {
VerifyCodeTest test=new VerifyCodeTest();
String code=test.getRandString();
BufferedImage source=test.getImage(code);
System.out.println(code);
//将流转换为byte数组,转换为base64
ByteArrayOutputStream byteout=new ByteArrayOutputStream();
try {
ImageIO.write(source,"jpeg",byteout);
byte[] b=byteout.toByteArray();
BASE64Encoder en = new BASE64Encoder();
String result=en.encode(b);
System.out.println(result);
} catch (IOException e) {
e.printStackTrace();
}
}
}
页面上要这样写
<img height="50px" width="100px" src="data:image/jpeg;base64,xxx”>
其中xxx就是表示图片的base64字符串内容,这样即可显示图片。
一般都是在后台将验证码代表的字符串放在session中,将图片返回到前端显示。用户输入后,于session中的比较,进行判断。