两种验证码的实现代码

第一种是用Servlet实现验证码:


代码如下:

public class CodeServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
    
    protected void service(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        String codes="abcdefghijklmnopqrstuvwxyzABCDEFJHIJKLMNOPQRSTUVWXYZ0123456789";    
        BufferedImage img=new BufferedImage(80,30,BufferedImage.TYPE_3BYTE_BGR);
        Graphics g=img.getGraphics();
        //填充图片
        g.setColor(new Color(255,255,255));
        g.fillRect(0, 0, 80, 30);
        //画入五个随机数
        Random rm=new Random();
        StringBuffer sb=new StringBuffer();
        for(int i=0;i<5;i++){
            int index=rm.nextInt(codes.length());
            char code=codes.charAt(index);
            g.setColor(new Color(rm.nextInt(256),rm.nextInt(256),rm.nextInt(256)));
            g.setFont(new Font("宋体", Font.BOLD, 25));
            g.drawString(code+"", 2+15*i, 22);
            sb.append(code);
        }
        
        //画干扰线
        for(int i=0;i<10;i++){
            g.setColor(new Color(rm.nextInt(256),rm.nextInt(256),rm.nextInt(256)));
            g.drawLine(rm.nextInt(100), rm.nextInt(50), rm.nextInt(100), rm.nextInt(50));
        }
        
        //将验证码图片回写给浏览器
        response.setContentType("image/jpeg;charset=utf-8");
        OutputStream out=response.getOutputStream();
        ImageIO.write(img, "jpeg", out);
        
        //将随机字符串保存在session中
        request.getSession().setAttribute("code", sb.toString());
    }

}

第二中方法在前台jsp页面画图:

<%@ page contentType="image/jpeg" import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*" pageEncoding="utf-8"%>
<%!
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);
}
%>
<%
out.clear();                           /*这句针对resin服务器,如果是tomacat可以不要这句*/
response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", 0);
int width=60, 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));
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);
}
String sRand="";
for (int i=0;i<4;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
session.setAttribute("sRand",sRand);
g.dispose();
ImageIO.write(image, "JPEG", response.getOutputStream());
%>


第一种:image.jsp
<script type="text/javascript">
         function loadImage(){
         document.getElementById("randImage").src = "${pageContext.request.contextPath}/image.jsp?"+Math.random(); //Math.random()方法非常重要,它使每次的请求都不同以便重新发送。如果每次的请求都一样,那么不会重新生成页面
         }
      </script>



 <img onClick="javascript:loadImage();"  title="换一张试试" id="randImage"
                          src="${pageContext.request.contextPath}/image.jsp"  border="1" >




第二种:servlet方式
 <servlet-name>CodeServlet</servlet-name>
    <servlet-class>com.yinhe.web.servlet.CodeServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>CodeServlet</servlet-name>
    <url-pattern>/checkCode</url-pattern>
  </servlet-mapping>



<img src="checkCode" alt="" id="codeImg"
style="width: 80px; height: 30px; border: 1px solid black;" />
<a href="javascript:;" οnclick="document.getElementById('codeImg').src = 'checkCode?'+(new Date()).getTime()">换一张</a>
<span id="codemsg" style="color: red; font-size: 20px;"></span>





  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值