在很多情况下,我们需要生成图形验证码来提高系统的安全程度,比如获取手机验证码之前要输入图形验证码,比如答题或者抽奖之前要输入图形验证码,这样子提高了用户直接调用接口来刷的难度,为什么说只是提高了难度呢,因为如果想要破解的话还是可以破解的,用智能识别,跟库对比什么的就可以破解了,只不过破解成本高!
再比如12306的图形验证码是叫用户选择图片类型的,这种难度就更加高了,若是破解的付出不能大于收益,正常来说用户都不会去破解啦。
这里实现的是最简单的图形验证码,后台自动生成四位随机数,然后合成图片流返回给页面,要注意的是这个验证码一定要后台生成,不可以是前端传过去,不然就没有意义了,可以放session,也可以放入redis.
下面是代码例子,我这个是基于SpringBoot的,不过其他框架也是一样,主要是返回图片流即可,这里还要注意加上一个配置类。
页面的使用方式可以直接是:将这个请求路径写在img标签的src中,每次刷新就改变src的值,后面加一个时间戳。
http://localhost:8080/get
代码如下:
@RestControllerpublic class MyController { @RequestMapping(value = "/get",produces = MediaType.IMAGE_JPEG_VALUE) @ResponseBody public BufferedImage getImage() throws IOException { SecureRandom random = new SecureRandom(); //图形验证码的宽度 int width=75; //图形验证码的高度 int height = 30; //图形验证码的颜色 Color backColor = new Color(random.nextInt(255),random.nextInt(255),random.nextInt(255)); //图形验证码的字体颜色,跟背景颜色反色 Color fontColor = new Color(255-backColor.getRed(),255-backColor.getGreen(),255-backColor.getBlue()); //生成BufferedImage对象 BufferedImage bi = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); //得到画布 Graphics2D g = bi.createGraphics(); //获取字体:Sans Serif字体比较难以阅读,增加辨识难度 Font font = new Font(Font.SANS_SERIF, Font.BOLD, 20); //设置字体 g.setFont(font); //设置画笔颜色 g.setColor(backColor); //画背景 g.fillRect(0, 0, width, height); //设置画笔颜色 g.setColor(fontColor); //获取要画的验证码 String seq = "23456789abcdefghijkmnpqrstuvwxyzABCDEFGHIJKMNPQRSTUVWXYZ"; StringBuffer sb = new StringBuffer(); int j = 0; for(int i=0;i<4;i++) { j=random.nextInt(seq.length()); sb.append(seq.substring(j, j+1)); } String code = sb.toString(); //画字符:画布宽度75,高度30,文字大小20,四个文字长度就是 //计算文字长度 FontMetrics fm = g.getFontMetrics(font); int textWidth = fm.stringWidth(code); int w = (width-textWidth)/2; g.drawString(code, w, 22); //画噪点:40个 for(int i=0;i<40;i++) { g.setColor(new Color(random.nextInt(255),random.nextInt(255),random.nextInt(255))); g.fillRect(random.nextInt(width), random.nextInt(height), 1, 1); } //返回图片流 return bi; }}@Configurationclass My extends WebMvcConfigurationSupport{ @Override protected void extendMessageConverters(List> converters) { converters.add(new BufferedImageHttpMessageConverter()); }}
注意事项:
有时候如果我们直接使用继承WebMvcConfigurationSupport会影响资源文件的加载。此时我们可以改为实现:WebMvcConfiger
public class My implements WebMvcConfiger{ ... @Override public void extendMessageConverters(List> converters) { converters.add(new BufferedImageHttpMessageConverter()); }...}
启动测试:
这里就直接浏览器访问如下链接即可
http://localhost:8080/get
![e7a21840d83bc5654b81c685dbbeb76c.png](https://i-blog.csdnimg.cn/blog_migrate/ef08f113f14f3b36179c203ee5d0dfa3.jpeg)
更多内容,请点击扩展链接了解!