前台生成验证码

转载 2016年08月29日 18:25:30
  1. package cn.gov.csrc.servlet;  
  2.   
  3. import java.awt.Color;  
  4. import java.awt.Font;  
  5. import java.awt.Graphics;  
  6. import java.awt.image.BufferedImage;  
  7. import java.io.IOException;  
  8. import java.util.Random;  
  9.   
  10. import javax.servlet.ServletException;  
  11. import javax.servlet.http.HttpServlet;  
  12. import javax.servlet.http.HttpServletRequest;  
  13. import javax.servlet.http.HttpServletResponse;  
  14.   
  15. import com.sun.image.codec.jpeg.JPEGCodec;  
  16. import com.sun.image.codec.jpeg.JPEGImageEncoder;  
  17.   
  18. public class CodeServlet extends HttpServlet {  
  19.   
  20.     /** 
  21.      * 产生验证码图片 
  22.      */  
  23.     public void doGet(HttpServletRequest request, HttpServletResponse response)  
  24.             throws ServletException, IOException {  
  25.         response.setContentType("image/jpeg");  
  26.         response.setHeader("Cache-Control""no-cache");  
  27.         response.setHeader("Pragma""No-cache");  
  28.         response.setDateHeader("Expires", 0L);  
  29.         int width = 80;  
  30.         int height = 30;  
  31.         BufferedImage image = new BufferedImage(width, height, 1);  
  32.         Graphics g = image.getGraphics();  
  33.         Random random = new Random();  
  34.         g.setColor(getRandColor(200250));  
  35.         g.fillRect(00, width, height);  
  36.         g.setFont(new Font("Arial"025));  
  37.         g.setColor(getRandColor(160200));  
  38.         for (int i = 0; i < 155; i++) {  
  39.             int x = random.nextInt(width + 100);  
  40.             int y = random.nextInt(height + 100);  
  41.             int xl = random.nextInt(10);  
  42.             int yl = random.nextInt(12);  
  43.             g.drawOval(x, y, x + xl, y + yl);  
  44.         }  
  45.         String code = request.getParameter("code");  
  46.         String sRand = code;  
  47.         for (int i = 0; i < sRand.length(); i++) {  
  48.             String rand = sRand.substring(i, i + 1);  
  49.             g.setColor(new Color(20 + random.nextInt(110), 20 + random  
  50.                     .nextInt(110), 20 + random.nextInt(110)));  
  51.             g.drawString(rand, 14 * i + 525);  
  52.         }  
  53.         g.dispose();  
  54.         javax.servlet.ServletOutputStream imageOut = response.getOutputStream();  
  55.         JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(imageOut);  
  56.         encoder.encode(image);  
  57.     }  
  58.   
  59.     private Color getRandColor(int fc, int bc) {  
  60.         Random random = new Random();  
  61.         if (fc > 255)  
  62.             fc = 255;  
  63.         if (bc > 255)  
  64.             bc = 255;  
  65.         int r = fc + random.nextInt(bc - fc);  
  66.         int g = fc + random.nextInt(bc - fc);  
  67.         int b = fc + random.nextInt(bc - fc);  
  68.         return new Color(r, g, b);  
  69.     }  
  70.   
  71. }  



2.Web.xml文件:

[html] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"  
  3.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
  4.     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee   
  5.     http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">  
  6.     <display-name></display-name>  
  7.     <welcome-file-list>  
  8.         <welcome-file>index.jsp</welcome-file>  
  9.     </welcome-file-list>  
  10.     <servlet>  
  11.         <servlet-name>CodeServlet</servlet-name>  
  12.         <servlet-class>cn.gov.csrc.servlet.CodeServlet</servlet-class>  
  13.     </servlet>  
  14.     <servlet-mapping>  
  15.         <servlet-name>CodeServlet</servlet-name>  
  16.         <url-pattern>/CodeServlet</url-pattern>  
  17.     </servlet-mapping>  
  18. </web-app>  

3.index.jsp:

[javascript] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <%  
  3.     String path = request.getContextPath();  
  4.     String basePath = request.getScheme() + "://"  
  5.             + request.getServerName() + ":" + request.getServerPort()  
  6.             + path + "/";  
  7. %>  
  8. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  9. <html>  
  10. <head>  
  11. <base href="<%=basePath%>">  
  12. <title>验证码测试</title>  
  13. <meta http-equiv="pragma" content="no-cache">  
  14. <meta http-equiv="cache-control" content="no-cache">  
  15. <meta http-equiv="expires" content="0">  
  16. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
  17. <meta http-equiv="description" content="This is my page">  
  18. <script language="javascript" type="text/javascript">  
  19. var code ; //在全局 定义验证码   
  20. function createCode(){    
  21.     code = "";    
  22.     var codeLength = 5;//验证码的长度    
  23.     //所有候选组成验证码的字符,可以用中文    
  24.     var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C',  
  25.             'D','E','F','G','H','I','J','K','L','M','N','O','P',  
  26.             'Q','R','S','T','U','V','W','X','Y','Z','a','b','c',  
  27.             'd','e','f','g','h','i','j','k','l','m','n','o','p',  
  28.             'q','r','s','t','u','v','w','x','y','z');    
  29.     for(var i=0;i<codeLength;i++){    
  30.         var charIndex = Math.floor(Math.random()*60);    
  31.         code +=selectChar[charIndex];    
  32.     }    
  33.     return code;    
  34. }    
  35. function validate (){    
  36.     var inputCode = document.getElementById("vcode").value.toLowerCase();    
  37.     if(inputCode.length <=0){    
  38.         alert("请输入验证码!");    
  39.         return false;    
  40.     }    
  41.     else if(inputCode != code.toLowerCase()){    
  42.         alert("验证码输入错误!");    
  43.         show();//刷新验证码    
  44.         return false;    
  45.     }else{    
  46.         alert("^-^ OK");    
  47.         return true;    
  48.     }    
  49. }    
  50. function show(){    
  51.         //显示验证码    
  52.         document.getElementById("code").src="CodeServlet?code="+createCode();    
  53. }    
  54. window.onload = function() {  
  55.         //document.onload=show();    
  56.         show();//页面加载时加载验证码    
  57.         //这时无论在ie还是在firefox中,js没有加载完,页面的东西是不会被执行的;    
  58.     }    
  59. </script>  
  60. </head>  
  61.   
  62. <body>  
  63.     <form onsubmit="return validate();" action="" method="post">  
  64.         <h3>jsp+js+servlet实现验证码</h3>  
  65.         <br /> 用户名:<input type="text" name="" /><br /> 请输入验证码: <input  
  66.             type="text" id="vcode" style="width: 60;" maxLength="5" /> <img  
  67.             src="" id="code" /> <a href="#" mce_href="#"  
  68.             onclick="javascript:show();return false;">看不清,换一张!</a><br /> <input  
  69.             type="submit" />  
  70.     </form>  
  71. </body>  
  72. </html>  

生成随机前台验证码图片

  • 2012年05月17日 17:38
  • 2KB
  • 下载

springMVC中前台取后台生成的验证码

1.@Controller类:ControllerClass.java package com.caiyl.src.base; import java.io.IOException; import ...

前台页面验证码如何生成

验证码:就是将一串随机产生的数字或符号,生成一幅图片, 图片里加上一些干扰象素(防止OCR),由用户肉眼识别其中的验证码信息,输入表单提交网站验证,验证成功后才能使用某项功能。  验证码作用:  一般...

前台生成验证码并加入干扰点防程序识别

生成验证吗并返回验证码字符串的类makeCertPic.java import java.awt.Color; import java.awt.Font; import java.awt...

网站前台验证码(源代码)的实现点击刷新

为了方便想学习网站前台方向读者刚睁开眼睛就决定将自己写的验证码的实现写下来供大家参考 在此基础上其实可以实现运算的验证码、或者是图片展示的验证码、其他样式的验证码。请大家多多评价提供自己的想法这样能够...

WebSite---前台系统图片验证码心得

背景: 因为移动端APP和Msite手机注册发送短信验证码没有添加图片验证码功能。公司的短信接口被恶意刷取。所以我们就觉得在移动端添加一个图片验证码功能。分享一下大体实现方式思路。PS demo是自己...

织梦后台登陆,以及前台文章评论页验证码不显示解决方法

我的网站本身是用织梦做的,在网站上线时也遇到了验证码不显示的问题,刚开始是后台验证码不显示,百度了一下后,把后台验证码去掉了,但是做文章评论的时候验证码还是不显示。费了九牛二虎之力才把网站验证码弄出来...

java 后台实现一验证码功能传递前台

验证码,java,多种验证

PHP生成随机验证码

  • 2017年11月09日 22:46
  • 330KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:前台生成验证码
举报原因:
原因补充:

(最多只允许输入30个字)