主要是通过a标签刷新页面调用Servlet的Service方法生成下一张图片
有很大修改空间,过段时间准备改为ajax的方式修改验证码图片,现在先留个记录
HTML部分
验证码:<input type="text" name="code" size="16" maxlength="4" placeholder="验证码区分大小写"/> <a href="" onclick="myReload()"><img src="CheckCode" id="checkPicture"/></a> <a href="" onclick="myReload()"> 看不清,换一个</a><br/>
JS部分
<script language="text/javascript"> function myReload() { document.getElementById("checkPicture").src = document .getElementById("checkPicture").src; // + "?nocache=" + new Date().getTime(); } </script>
Servlet部分
protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //在信息头设置不缓存图片 response.setHeader("Pragma", "no-cache"); response.setHeader("Cache-Control", "no-cache"); response.setDateHeader("Expires", 0); response.setContentType("image/jpeg");//指定生成的响应图片 int width=120,height=40; //指定生成验证码的宽度和高度 Font mfont=new Font("黑体",Font.BOLD,16); //定义字体样式 Random random=new Random(); //随机数 BufferedImage image=new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB); //创建BufferedImage对象,其作用相当于一图片 Graphics g=image.getGraphics(); //创建Graphics对象,其作用相当于画笔 Graphics2D g2d=(Graphics2D)g; //创建Grapchics2D对象 g.setColor(getRandColor(200,250)); //设置画笔当前颜色 g.fillRect(0, 0, width, height); //绘制背景 g.setFont(mfont); //设置字体 g.setColor(getRandColor(180,200)); //设置画笔当前颜色 //绘制100条位置随机产生的线条,该线条宽度为2f for(int i=0;i<100;i++){ int x=random.nextInt(width-1); int y=random.nextInt(height-1); int x1=random.nextInt(6)+1; int y1=random.nextInt(12)+1; BasicStroke bs=new BasicStroke(2f,BasicStroke.CAP_BUTT,BasicStroke.JOIN_BEVEL); //定制线条样式 Line2D line=new Line2D.Double(x,y,x+x1,y+y1); g2d.setStroke(bs); g2d.draw(line); //绘制直线 } //输出由英文,数字,和中文随机组成的验证文字,具体的组合方式根据生成随机数确定。 String sRand="";//最终字符串,用于存入Session String ctmp="";//每次随机出的字符 int itmp=0; //制定输出的验证码为四位 for(int i=0;i<4;i++){ switch(random.nextInt(3)){ case 1: //生成A-Z的字母 itmp=random.nextInt(26)+65; ctmp=String.valueOf((char)itmp); break; // case 2: //生成汉字 // String[] rBase={"0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"}; // //生成第一位区码 // int r1=random.nextInt(3)+11; // String str_r1=rBase[r1]; // //生成第二位区码 // int r2; // if(r1==13){ // r2=random.nextInt(7); // }else{ // r2=random.nextInt(16); // } // String str_r2=rBase[r2]; // //生成第一位位码 // int r3=random.nextInt(6)+10; // String str_r3=rBase[r3]; // //生成第二位位码 // int r4; // if(r3==10){ // r4=random.nextInt(15)+1; // }else if(r3==15){ // r4=random.nextInt(15); // }else{ // r4=random.nextInt(16); // } // String str_r4=rBase[r4]; // //将生成的机内码转换为汉字 // byte[] bytes=new byte[2]; // //将生成的区码保存到字节数组的第一个元素中 // String str_12=str_r1+str_r2; // int tempLow=Integer.parseInt(str_12, 16); // bytes[0]=(byte) tempLow; // //将生成的位码保存到字节数组的第二个元素中 // String str_34=str_r3+str_r4; // int tempHigh=Integer.parseInt(str_34, 16); // bytes[1]=(byte)tempHigh; // ctmp=new String(bytes); // break; default: itmp=random.nextInt(10)+48; ctmp=String.valueOf((char)itmp); break; } sRand+=ctmp; Color color=new Color(20+random.nextInt(110),20+random.nextInt(110),random.nextInt(110)); g.setColor(color);//设置当前画笔颜色 Graphics2D g2d_word=(Graphics2D)g; //将生成的随机数进行随机缩放并旋转制定角度 /*将文字旋转指定角度*/ AffineTransform trans=new AffineTransform(); trans.rotate((5)*3.14/180,15*i+5,15); //旋转角度,基点(x,y) /*缩放文字*/ float scaleSize=random.nextFloat()+1.5f; if(scaleSize>1.8f) scaleSize=1.8f; trans.scale(scaleSize, scaleSize); //第一个参数指定水平方向的缩放倍率,第二个参数指定垂直方向的缩放倍率。 g2d_word.setTransform(trans); g.drawString(ctmp, 15*i+5, 15);//绘制 } request.getSession().setAttribute("randCheckCode", sRand); g.dispose(); //释放g所占用的系统资源 ImageIO.write(image,"JPEG",response.getOutputStream()); //输出图片 } /*该方法主要作用是获得随机生成的颜色*/ public Color getRandColor(int s, int e){ Random random=new Random (); if(s>255) s=255; if(e>255) e=255; int r,g,b; r=s+random.nextInt(e-s); //随机生成RGB颜色中的r值 g=s+random.nextInt(e-s); //随机生成RGB颜色中的g值 b=s+random.nextInt(e-s); //随机生成RGB颜色中的b值 return new Color(r,g,b); }
大致效果