今天在struts2下实现了图片验证码的实例,基本思想如下:
1.实现产生图片验证码的action(其实产生图片的过程不应该在action里,这里为了方便全写在action里了)。
- public class RandomAction extends ActionSupport{
- private ByteArrayInputStream inputStream;
- public String execute() throws Exception{
- // 在内存中创建图象
- int width=85, height=20;
- 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.PLAIN,18));
- // 随机产生155条干扰线,使图象中的认证码不易被其它程序探测到
- 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);
- }
- // 取随机产生的认证码(6位数字)
- String sRand="";
- for (int i=0;i<6;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);
- }
- // 将认证码存入SESSION
- ActionContext.getContext().getSession().put("rand",sRand);
- // 图象生效
- g.dispose();
- ByteArrayOutputStream output = new ByteArrayOutputStream();
- ImageOutputStream imageOut = ImageIO.createImageOutputStream(output);
- ImageIO.write(image, "JPEG", imageOut);
- imageOut.close();
- ByteArrayInputStream input = new ByteArrayInputStream(output.toByteArray());
- this.setInputStream(input);
- return SUCCESS;
- }
- /*
- * 给定范围获得随机颜色
- */
- 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);
- }
- public void setInputStream(ByteArrayInputStream inputStream) {
- this.inputStream = inputStream;
- }
- public ByteArrayInputStream getInputStream() {
- return inputStream;
- }
- }
2.配置action,将上述action返回的逻辑结果设置为文件流类型。
- <action name="rand" class="test.RandomAction">
- <result type="stream">
- <param name="contentType">image/jpeg</param>
- <param name="inputName">inputStream</param>
- </result>
- </action>
3.写一个测试的html页面,使其请求上面的action,得到返回的图片结果。
- <head>
- <script type="text/javascript">
- function changeValidateCode(obj) {
- //获取当前的时间作为参数,无具体意义
- var timenow = new Date().getTime();
- //每次请求需要一个不同的参数,否则可能会返回同样的验证码
- //这和浏览器的缓存机制有关系,也可以把页面设置为不缓存,这样就不用这个参数了。
- obj.src="rand.action?d="+timenow;
- }
- </script>
-
- </head>
- <body>
- <img src="rand.action" onclick="changeValidateCode(this)"/>
- </body>
现在可以看一下运行结果,点击图片可以改变验证码。如下图所示(当然,下面的图是不可以点的,是让你点自己运行后的程序)