图形验证码

图像验证码,一般用在登录或者注册时,其主要用途在于防止机器暴力攻击,频繁的去请求服务器。因为一般注册,登录这些操作,后台都要做比较多的事情,比如查多个表,记录日志等等,如果没有验证码,就很容易被人用程序对你服务器进行反复的攻击,导致你宕机。

此处介绍如果在后台生成验证码,至于校验则先不讲。
代码参考自网络,具体网址已忘记

一般生成的验证码都是图片,用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中的比较,进行判断。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值