nicky

积水成海，滴水穿石。

导航

<2009年10月>
日一二三四五六
27282930123
45678910
11121314151617
18192021222324
25262728293031
1234567

统计

公告

信心十足

常用链接

留言簿(3)

随笔档案

文章档案

搜索

最新评论

阅读排行榜

评论排行榜

【转】：struts2之图片验证码实现

做注册模块，需要图片验证码机制。google了一圈，自己再整理修改了一下，总算是弄出来了。思路就是在一个action里应用java的awt包里面的类绘制一个内存中的图片，然后产生随机数并将随机数写到图片上，然后把action的返回类型设为stream，把图片数据写入到输入流返回给浏览器。html可以通过img页面直接用src属性引用该action

    action的代码如下
  1. import java.io.*;
  2. import javax.imageio.ImageIO;
  3. import javax.imageio.stream.ImageOutputStream;
  4. import java.awt.*;
  5. import java.awt.Color;
  6. import java.awt.image.BufferedImage;
  7. //DefaultAction类继承了ActionSupport 并定义了session变量
  8. public class CreateValidateAction extends DefaultAction {
  10.     private ByteArrayInputStream inputStream;
  11.     //产生四个0~9的随机数，放在一个字符串里
  12.     public String createRandomString() {
  13.         String str = "";
  14.         for (int i = 0; i < 4; i++) {
  15.             str += Integer.toString((new Double(Math.random() * 10)).intValue());
  16.         }
  17.         return str;
  18.     }
  19.     //随机产生一个颜色
  20.     public Color createsRandomColor() {
  21.         int r = (new Double(Math.random() * 256)).intValue();
  22.         int g = (new Double(Math.random() * 256)).intValue();
  23.         int b = (new Double(Math.random() * 256)).intValue();
  24.         return new Color(r, g, b);
  25.     }
  26.     //生成一个内存图片，将四个随机数写在图片上
  27.     public BufferedImage createImage(String str) {
  28.         int width = 60;
  29.         int height = 22;
  30.         BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
  31.         // 获取图形上下文
  32.         Graphics g = image.getGraphics();
  33.         // 设定背景色
  34.         g.setColor(Color.WHITE);
  35.         g.fillRect(0, 0, width, height);
  36.         //画边框
  37.         g.setColor(Color.black);
  38.         g.drawRect(0, 0, width - 1, height - 1);
  39.         // 将认证码显示到图象中
  40.         g.setFont(new Font("Atlantic Inline", Font.PLAIN, 18));
  41.         //使用随机颜色
  42.         g.setColor(this.createsRandomColor());
  43.         //将随机字符串的每个数字分别写到图片上
  44.         g.drawString(Character.toString(str.charAt(0)), 8, 17);
  45.         g.drawString(Character.toString(str.charAt(1)), 20, 17);
  46.         g.drawString(Character.toString(str.charAt(2)), 33, 17);
  47.         g.drawString(Character.toString(str.charAt(3)), 45, 17);
  48.         // 图象生效
  49.         g.dispose();
  50.         return image;
  51.     }
  52.     //将图片的以字节形式写到InputStream里
  53.     public ByteArrayInputStream createInputStream() throws Exception {
  54.         //获取随机字符串
  55.         String str=this.createRandomString();
  56.         BufferedImage image = this.createImage(str);
  57.         //将产生的字符串写入session，供校验时使用
  58.         this.getSession().put("validateCode", str);
  59.         ByteArrayOutputStream output = new ByteArrayOutputStream();
  60.         ImageOutputStream imageOut = ImageIO.createImageOutputStream(output);
  61.         ImageIO.write(image, "JPEG", imageOut);
  62.         imageOut.close();
  63.         ByteArrayInputStream input = new ByteArrayInputStream(output.toByteArray());
  64.         output.close();
  65.         return input;
  66.     }
  68.     @Override
  69.     public String execute() throws Exception {
  70.         setInputStream(createInputStream());
  71.         return SUCCESS;
  72.     }
  73.     
  74.     public ByteArrayInputStream getInputStream() {
  75.         return inputStream;
  76.     }
  77.     public void setInputStream(ByteArrayInputStream inputStream) {
  78.         this.inputStream = inputStream;
  79.     }
  80. }

    然后是对应的struts的配置
  1.         <!--action的class是由spring提供的-->
  2.         <action name="createValidateAction" class="createValidateAction">
  3.             <result type="stream">
  4.                 <param name="contentType">image/jpeg</param>
  5.                 <param name="inputName">inputStream</param>
  6.             </result>
  7.         </action>

    最后就是html的写法，点击图片的时候可以更新验证码
  1. <script type="text/javascript">
  2.     function changeValidateCode(obj) {
  3.         //获取当前的时间作为参数，无具体意义
  4.         var timenow = new Date().getTime();
  5.         //每次请求需要一个不同的参数，否则可能会返回同样的验证码
  6.         //据说和浏览器的缓存机制有关系，不太明白，照做吧
  7.         obj.src="createValidateAction.action?d="+timenow;
  8.     }
  9. </script>
  11. <img src="createValidateAction.action" onclick="changeValidateCode(this)"/>

posted on 2009-04-23 15:47 nicky 阅读(2077) 评论(3)  编辑  收藏

评论

# re: 【转】：struts2之图片验证码实现 2009-10-28 13:18 shareach

同样配置,为什么我后台action执行了2次, 我http监视就是只有一次
我的package是
<package name="myDefPkg" extends="struts-default">
脚本是
<script type="text/javascript">
function changeValidateCode() {
var timenow = new Date().getTime();
document.getElementById("validImg").src="<%=path %>/rand.do?tick="+timenow;
}
changeValidateCode();
</script>
谢谢  回复  更多评论   

# re: 【转】：struts2之图片验证码实现 2010-03-02 14:12 xcvxcv

cxvxcvxcv  回复  更多评论   

# re: 【转】：struts2之图片验证码实现 2010-03-02 14:12 xcvxcv

dfgfgdfgdfg  回复  更多评论   


只有注册用户登录后才能发表评论。
网站导航: