spring+struts2+mybatis整合的图片验证码的实现

    传统的网页生成图片验证码的原理比较简单明了，在服务器端生成随机的验证码讲其存放在session中，然后映射出对应的图片（通常在产生图片是会给出一定的污染及扭曲），将其发送给浏览器显示。用户提交输入的验证码，服务器将session中的验证码信息与用户输入的比较。

    这里主要讲一下个人在ssm框架中使用图片验证码的过程及主要的代码。

    首先要创建一个action用于生成验证码。

    public class AuthCodeAction { 
    private HttpServletResponse response = ServletActionContext.getResponse(); 
    private HttpServletRequest request = ServletActionContext.getRequest(); 
 
    public String execute() { 
        try { 
            int width = 50; 
            int height = 18; 
            // 取得一个4位随机字母数字字符串 
            String s = RandomStringUtils.random(4, true, true); 
 
            // 保存入session,用于与用户的输入进行比较. 
            // 注意比较完之后清除session. 
            HttpSession session = request.getSession(true); 
            session.setAttribute("authCode", s); 
 
            response.setContentType("images/jpeg"); 
            response.setHeader("Pragma", "No-cache"); 
            response.setHeader("Cache-Control", "no-cache"); 
            response.setDateHeader("Expires", 0); 
 
            ServletOutputStream out = response.getOutputStream(); 
            BufferedImage image = new BufferedImage(width, height, 
                    BufferedImage.TYPE_INT_RGB); 
            Graphics g = image.getGraphics(); 
            // 设定背景色 
            g.setColor(getRandColor(200, 250)); 
            g.fillRect(0, 0, width, height); 
 
            // 设定字体 
            Font mFont = new Font("Times New Roman", Font.BOLD, 18);// 设置字体 
            g.setFont(mFont); 
 
            // 画边框 
            // g.setColor(Color.BLACK); 
            // g.drawRect(0, 0, width - 1, height - 1); 
 
            // 随机产生干扰线，使图象中的认证码不易被其它程序探测到 
            g.setColor(getRandColor(160, 200)); 
            // 生成随机类 
            Random random = new Random(); 
            for (int i = 0; i < 155; i++) { 
                int x2 = random.nextInt(width); 
                int y2 = random.nextInt(height); 
                int x3 = random.nextInt(12); 
                int y3 = random.nextInt(12); 
                g.drawLine(x2, y2, x2 + x3, y2 + y3); 
            } 
 
            // 将认证码显示到图象中 
            g.setColor(new Color(20 + random.nextInt(110), 20 + random 
                    .nextInt(110), 20 + random.nextInt(110))); 
 
            g.drawString(s, 2, 16); 
 
            // 图象生效 
            g.dispose(); 
            // 输出图象到页面 
            ImageIO.write((BufferedImage) image, "JPEG", out); 
            out.close(); 
        } catch (Exception e) { 
            e.printStackTrace(); 
        } 
        return null; 
    } 
 
    private 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); 
    } 
} 

在struts.xml中配置action信息
   <action name="authCode" method="execute" class="AuthCodeAction" >  
   </action>

最后在jsp页面中使用：

<img src="common/authCode.action" alt="验证码" id="authCode" οnclick="changeImg()">   
<a href="#" οnclick="changeImg()">看不清，换一张！</a>

changeImg()方法：（为了解决浏览器的缓存验证码不刷新的问题，所以在url后面附加一个时间值使得每次的url路径都不相同）

 function changeImg(){      
        $("#authCode").attr("src","common/authCode.action?d="+new Date().valueOf());      
    }

    代码是参考别人的，在看了网上很多大神的代码以后，觉得这种方法比较简单，适合刚入门的人学习。

转载于:https://my.oschina.net/u/2564897/blog/638987