数字图片验证码

最新推荐文章于 2023-01-11 05:52:51 发布

RedMapleGI

最新推荐文章于 2023-01-11 05:52:51 发布

阅读量1k

点赞数 1

分类专栏： Java 文章标签：数字验证码图片验证码

本文为博主原创文章，任何形式转载请标名出处或附带原文链接！

本文链接：https://blog.csdn.net/qq_34846877/article/details/102728187

版权

Java 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

直接上干货，这个controller返回给前端参数：
image: base64位的图片编码
imageCode：4位随机数字

这是controller文件

import com.alibaba.druid.util.Base64;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiOperation;
import lombok.extern.log4j.Log4j2;
import org.apache.http.HttpResponse;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import javax.imageio.ImageIO;
import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServletResponse;
import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.util.HashMap;
import java.util.Map;


@Api(tags = "验证码")
@RestController
@Log4j2
@RequestMapping("/image")
public class ImageController {

    @GetMapping("code")
    @ApiOperation(value = "获取验证码")
    public Result getImageCode(HttpServletResponse response) {
        Map<String,Object> map = new HashMap(16);
        try {
            ImageCode image = ValidateCodeUtils.createImageCode();
            ByteArrayOutputStream out = new ByteArrayOutputStream();
            ImageIO.write(image.getImage(),"png",out);
            map.put("image",Base64.byteArrayToBase64(out.toByteArray()));
            map.put("imageCode",image.getCode());

            return Result.succeed(map, "图形验证码");

        } catch (IOException e) {
            log.error(e.getMessage());
        }
        return Result.failed("获取图形验证码失败！");
    }
}

这是工具类

import com.nanjids.common.ImageCode;
import org.apache.commons.lang3.RandomStringUtils;

import java.awt.*;
import java.awt.image.BufferedImage;
import java.util.Random;

public class ValidateCodeUtils {
	public static ImageCode createImageCode() {
		int width = 67;
		int height = 23;
		BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);

		Graphics g = image.getGraphics();

		Random random = new Random();

		g.setColor(getRandColor(200, 250));
		g.fillRect(0, 0, width, height);
		g.setFont(new Font("Times New Roman", Font.ITALIC, 20));
		g.setColor(getRandColor(160, 200));
		for (int i = 0; i < 155; i++) {
			int x = random.nextInt(width);
			int y = random.nextInt(height);
			int xl = random.nextInt(12);
			int yl = random.nextInt(12);
			g.drawLine(x, y, x + xl, y + yl);
		}

		String sRand = "";
		for (int i = 0; i < 4; i++) {
			String rand = String.valueOf(random.nextInt(10));
			sRand += rand;
			g.setColor(new Color(20 + random.nextInt(110), 20 + random.nextInt(110), 20 + random.nextInt(110)));
			g.drawString(rand, 13 * i + 6, 16);
		}

		g.dispose();
		return new ImageCode(image, sRand);
	}
	
	/**
	 * 生成随机背景条纹
	 * 
	 * @param fc
	 * @param bc
	 * @return
	 */
	public static Color getRandColor(int fc, int bc) {
		Random random = new Random();
		if (fc > 255) {
			fc = 255;
		}
		if (bc > 255) {
			bc = 255;
		}
		int r = fc + random.nextInt(bc - fc);
		int g = fc + random.nextInt(bc - fc);
		int b = fc + random.nextInt(bc - fc);
		return new Color(r, g, b);
	}
	
	/**
     * 模拟生成手机验证码
     * @param
     * @return
     */
    public static String generateSmsCode() {
		String code = RandomStringUtils.randomNumeric(6);
		return code;
	}
}

import java.awt.image.BufferedImage;

import lombok.Data;

@Data
public class ImageCode{
	private String code;
	private BufferedImage image; 
	
	public ImageCode(BufferedImage image, String code){
		this.image = image;
		this.code = code;
	}
}

验证一下，你就知道

将代码复制出来后生成html文件，再将 base64图片编码替换后再用浏览器打开即可验证。

<!DOCTYPE html>
<html class="sui-componentWrap"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="always" name="referrer">
<title>验证一下，你就知道</title>
	<div class="s-news-wrapper clearfix">
		<!-- xxxxxx base64图片编码
			<img width="30" height="30" src="data:image/jpg;base64,xxxxxx">
		-->
		<img width="30" height="30" src="data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAXCAIAAADft2XFAAACKUlEQVR42p1XMU4EMQzMJ+ANQE9PS00LDeIPVPcaPsAjKGlpeQuRjKw5e2aSPclaZaNs1uOxncn4+f79/PpIm68xk8+yICf37YKv1Hqzz6B/9X6bBfTzfB7CcwjMnBzKj/LvC6jYDE2fX/6UbjJoGuTutw+PaQVYt+fT1TRFVIzvX67Timf41ev7W5rZbdrd0800mV0xmN4XVCVhuisTiamT6T1GKsH0bQOAz2EE84+EJlVPcQRWwOQ4OKFIwu/CTye5w/CZP5+Ek/IZRWIyOwihPRCR5BOx4R8TiWkhBQbPLgUmkRQXc2WmlvoxgkFCOidYIarxxPxEEoNh2kKpGd9wOxKKqpQ7DVxYglGZn0USr46TUu6q/WXjUp0jJxMGZaOHxiAphJxx0hnsXcschYik+1TaLo5priYtKpMTSY6Hj+K0fpJQwHiSlJAHCcUUGJxJJFQrOE561MuRojIQK2QfybLPYtH71Dqrkx5RbFbqAKFF0suj5ySFh04HISU6uBKRSN2F8qSXSm9QHkmCwTOxU43NCmuddurCCUeCWgtFF5UhobXCvC4siqsnVdFaRnCE1gqTSLwIVyLCyFUj1WhT6t6bNl058RcslTCqn6jFy8vM8oTx8Abd0WCjp3iPsT9GjUNeaiw4MRGi2A6ZEfnKP0MpDbHUXV7hb4JZXpI9nypRlWNSQfq7uLmiKNimjk2VG13bPRw792+j5JdpsOxFKoi+f/So/QHAkSP4o2/RHgAAAABJRU5ErkJggg==">
	</div>
</html>