|
工具类代码- public class NubmerToJpgUtil {
- public static String NumberToJpgUtil(OutputStream outputStream) throws IOException{
- Random rd = new Random();
- BufferedImage img = new BufferedImage(140, 50, BufferedImage.TYPE_INT_BGR);
- Graphics g = img.getGraphics();
- g.setFont(new Font("宋体", Font.BOLD, 60));
- String number = String.valueOf(rd.nextInt(10000));
- g.drawString(number, 10, 50);
- ImageIO.write(img, "jpg", outputStream);
- return number;
- }
- }
复制代码 工具类的实现主要思想是将一串随机数用java的graphics对象画在图片上面,然后将写出到方法传入的输入流中实现输出,最后将验证码的数值作为返回值返回。如果需要加强验证码的强度,可以在数字或字母的绘画上进行旋转和平移,或者添加一些干扰线。
后端代码
- @RequestMapping(value = "changevarcode")//更换验证码
- public void changevarcode(HttpSession session,HttpServletResponse res) throws IOException {
- //写出到response的输出流中
- String varcodenumber = NubmerToJpgUtil.NumberToJpgUtil(res.getOutputStream());
- session.setAttribute("varcodenumber",varcodenumber);
- }
复制代码 后端主要流程是把servlet的response的输出流调出作为输出流调用工具类的方法,并把返回的验证码的值存入到session中方便验证方法调用。
前端代码
- <img onclick="changevarcode()" id="varcodeimg" alt="验证码" src="changevarcode.do">
复制代码 js代码
- function changevarcode(){
- var src = "changevarcode.do?t="+new Date().getTime();
- $("#varcodeimg").attr("src",src);
- }
复制代码 js作用是每次点击验证码时更换验证码,如果将原有的图片src值进行更改,浏览器将会把更改后的图片立即展示出来,这是浏览器的特性。这里主要是获取当前时间作为不同的src参数传给相同后端,每次浏览器访问新的映射就会产生新的不同的验证码,并更改验证码的正确值。
|
|