直接上干货,这个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>
觉得大多数验证码都可以用到,现在比较火的验证码有点击汉字或图像,还有鼠标点击后拉动图标补全的,后续有时间在继续整理出来,分享给大家!