Java生成随机图片验证码
前台html代码
|
01
02
03
04
05
06
07
08
09
10
|
<div style="margin-top: 50px;"> <span>验证码:</span><input type="text" name="verifyCode" id="verifyCode" style="width: 75px;height: 25px;"/> <img id="verifyCodeImg" alt="点击更换" src="/qos/dog/getVerifyCodeImg" title="点击更换"> </div> 注释:此处的src="/qos/dog/getVerifyCodeImg" SpringBoot页面展示Thymeleaf的语法 |
前台js代码
|
01
02
03
04
05
06
07
08
09
10
|
function change() { var verifyCode = document.getElementById("verifyCodeImg"); verifyCode.src = "/qos/dog/getVerifyCodeImg?time=" + Math.random(1000); } /*-*/ /qos/dog/ 这里的路径是需要换成自己的哦 |
验证代码,在controller里面新建一个util文件夹,然后放入VerifyCodeUtil.java
代码如下
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
|
<font style="color:rgb(77, 77, 77)"><font face="""><font style="font-size:16px">package com.paladin.qos.util; import javax.imageio.ImageIO;import java.awt.*;import java.awt.image.BufferedImage;import java.io.ByteArrayOutputStream;import java.io.IOException;import java.util.Random; public class VerifyCodeUtil { private static final Random random = new Random(); private static final String[] fontNames = {"宋体", "华文楷体", "黑体", "Georgia", "微软雅黑", "楷体_GB2312"}; public static String drawImage(ByteArrayOutputStream output) { String code = ""; int width = 50; int height = 25; //创建图片缓冲区 BufferedImage bi = new BufferedImage(width, height, BufferedImage.TYPE_3BYTE_BGR); Graphics2D g = bi.createGraphics(); //设置背景颜色 g.setBackground(new Color(255, 255, 255)); g.clearRect(0, 0, width, height); StringBuilder stringBuilder = new StringBuilder(); //这里只画入四个字符 for (int i = 0; i < 4; i++) { String s = randomChar() + ""; //随机生成字符,因为只有画字符串的方法,没有画字符的方法,所以需要将字符变成字符串再画 stringBuilder.append(s); //添加到StringBuilder里面 float x = i * 1.0F * width / 4; //定义字符的x坐标 g.setFont(randomFont()); //设置字体,随机 g.setColor(randomColor()); //设置颜色,随机 g.drawString(s, x, height - 5); } code = stringBuilder.toString();//获取验证码字符串 //定义干扰线 //定义干扰线的数量(3-5条)int num = random.nextInt(max)%(max-min+1) + min; int num = random.nextInt(5) % 3 + 3; Graphics2D graphics = (Graphics2D) bi.getGraphics(); for (int i = 0; i < num; i++) { int x1 = random.nextInt(width); int y1 = random.nextInt(height); int x2 = random.nextInt(width); int y2 = random.nextInt(height); graphics.setColor(randomColor()); graphics.drawLine(x1, y1, x2, y2); } // 释放图形上下文 g.dispose(); try { ImageIO.write(bi, "jpg", output); } catch (IOException e) { e.printStackTrace(); } return code;//为了方便取值,直接返回code, } //随机字体 private static Font randomFont() { int index = random.nextInt(fontNames.length); String fontName = fontNames[index]; int style = random.nextInt(4); //随机获取4种字体的样式 int size = random.nextInt(20) % 6 + 15; //随机获取字体的大小(10-20之间的值) return new Font(fontName, style, size); } //随机颜色 private static Color randomColor() { int r = random.nextInt(225); int g = random.nextInt(225); int b = random.nextInt(225); return new Color(r, g, b); } //随机字符 private static char randomChar() { //A-Z,a-z,0-9,可剔除一些难辨认的字母与数字 String str = "0123456789ABCdefghiDEFGHIJopPQRVWXYZabcjklSTUmnqrstKLMNOvuwxyz"; return str.charAt(random.nextInt(str.length())); } }</font></font></font> |
最后,在controller里面引用
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
|
<font style="color:rgb(77, 77, 77)"><font face="""><font style="font-size:16px">@RequestMapping("/getVerifyCodeImg") @ResponseBody public void getVerifyCodeImg(HttpServletResponse response, HttpSession session) { ByteArrayOutputStream output = new ByteArrayOutputStream(); String code = VerifyCodeUtil.drawImage(output); //将验证码文本直接存放到session中 session.setAttribute("verifyCode", code); try { ServletOutputStream out = response.getOutputStream(); output.writeTo(out); } catch (IOException e) { e.printStackTrace(); } }</font></font></font> |
Java生成随机图片验证码的更多相关文章
- springboot搭建项目,实现Java生成随机图片验证码。
这篇文章主要介绍了如何通过Java如何生成验证码并验证.验证码的作用我想必大家都知道,话不多说开始实施! 首先创建一个springboot项目以下是项目结构,内有utli工具类.存放生成图片验证码方法 ...
- python 生成随机图片验证码
1.安装pillow模块 pip install pillow (1)创建图片 from PIL import Image #定义使用Image类实例化一个长为400px,宽为400px,基于RGB的 ...
- Linux服务器 java生成的图片验证码乱码问题
问题:如图所示项目中生成的图形验证码不能正常显示出需要的字体 原因: linux下没有对应的字体 查找项目中使用到系统字体的地方,如下: 解决: 1. 在本地 路径 C:\Windows\Fonts ...
- java生成随机序列号
1.java生成随机序列号 String deleteUuid = UUID.randomUUID().toString(); 引用Jar包 //java-uuid-generator-3.1.3.j ...
- Java生成随机验证码
package com.tg.snail.core.util; import java.awt.Color; import java.awt.Font; import java.awt.Graphic ...
- 如何用java生成随机验证码
1.VerifyCode 类: 1 package com.HRuinger.enity; ImageIO.write(image, " ...
- python随机图片验证码的生成
Python生成随机验证码,需要使用PIL模块. 安装: 1 pip3 install pillow 基本使用 1. 创建图片 1 2 3 4 5 6 7 8 9 from PIL import Im ...
- java 生成随机校验码
1 import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.Buffe ...
- Java如何获取图片验证码保存
举例网站:https://my.1hai.cn/Login/?url=http://www.1hai.cn/ 一.场景:出于安全性考虑,越来越多的Web平台登录都会增加图形验证码(图片),或者短信验证 ...
随机推荐
- 1.GIT的安装使用
官方安装文档:https://www.git-scm.com/book/en/v2/Getting-Started-Installing-Git 以下一mac安装做笔记 点击链接 http://git ...
- Vundle安装及使用
Vundle是vim上的插件管理器.只需要在.vimrc添加上控件名,Vundle可以帮我们下载到插件文件夹/Users/{username}/.vim/bundle中. 有一个vim插件的资源网站, ...
- mysql my.cnf常用的配置
[mysqld]basedir = /usr/local/mysql/datadir = /usr/local/mysql/dataport = 3306pid-file = /usr/local/m ...
- h5-圆角的使用-案例安卓机器人
1.圆角的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U ...
- h5-localStorage储存的使用
<!-- localStorage的使用: 1.存储的内容大概20mb 2.不同浏览器不能共享数据,但是在同意浏览器的不同窗口中可以共享数据 3.永久生效,他的数据是储存在硬盘上,并不会随着页面 ...
- Python笔记_第四篇_高阶编程_进程、线程、协程_1.进程
1. 多任务原理: 现代操作系统,像win,max os x,linux,unix等都支持多任务. * 什么叫做多任务? 操作系统可以同时运行多个任务. * 单核CPU实现多任务原理? 操作系统轮流让 ...
- web项目servlet&jsp包失效问题
今天偶然遇到这样的一个问题,故做个总结. javaee开发只用到serlet和jsp两个包.而sun提供的jdk只是javase部分的包,对于se部分只提供了规范,而包由容器给出. 由于自己在新建好一 ...
- 正确返回Unicode码点大于0xFFFF的字符串长度
如下: function codePointLength(text){ var result = text.match(/[\s\S]/gu); return result? result.lengt ...
- 微服务项目开发学成在线_day03 CMS页面管理开发
springboot引入mangodb依赖坐标:在spring-boot集成条件下,使用mongodb的DAO层开发. swagger查看接口文档,请求地址:http://localhost:3100 ...
- ant design for vue select 数据回显问题
例如: 想要回显id为1的温度, 结果直接在select框中显示了1,而不是选中了温度, 此时因为select中的value是string类型, 而我们设置的id是number类型, 对应不上, 所以 ...