代码实现简单的生成随机验证码小程序

2020-03-21 16:25:25

字体：大中小

来源：转载

供稿：网友

代码实现一个简单的生成随机验证码的小程序

//随机生成验证码



//第一步：



    public void doGet(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {





            test(response);



    }



  private void test(HttpServletResponse response) throws IOException {



        int width = 120,height=25;

        //生成一张图片  此时得到一张宽120，长25的一张黑色图片

        BufferedImage  img = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);



        Graphics grap = img.getGraphics();//得到一个画笔



        //填充背景色

        grap.setColor(Color.pink);

        //设置填充的区域

        grap.fillRect(1, 1, width-2, height-2);



        //设置边框的颜色  同填充背景颜色靠近谁是设置哪个属性的颜色

        grap.setColor(Color.red);

        grap.drawRect(0, 0, width-1, height-1);



        //设置字体

        grap.setFont(new Font("黑体", Font.BOLD|Font.ITALIC, 18));





        //向图片上写字嘿嘿随机生成了字符串

        Random r = new Random();

        int p = 15;

        for(int i=1;i<=4;i++)

        {

            grap.drawString(r.nextInt(10)+"", p,20);

            p+=15;

        }



        //向图片上画线

        for(int i=1;i<=10;i++)

        {

            grap.drawLine(r.nextInt(width), r.nextInt(height), r.nextInt(width), r.nextInt(height));

        }



        //把图片发送给客户端

        ImageIO.write(img, "jpg", response.getOutputStream());

    }











//第二部：新建login.html







<!DOCTYPE html>

<html>

  <head>

    <title>login.html</title>

   <script type="text/javascript">



      function ff(){

             var img = document.getElementById("image");

             img.src="/day33_response/demo4?user=1"+new Date().getTime();

            // img.setAttribute("src","/day33_response/demo4?user="+new Date().getTime());

      }



   </script>

  </head>



  <body>

     <form action="#" method="get">

                 用户名<input type="text" name="uname"><br/><br/>

                  密 码<input type="password" name="pwd"><br/><br/>

                  验证码<input type="text" name="code">

                  

          <img id="image" src='/day33_response/demo4'>

          

         <a href="javascript：ff()">换一张</a><br/> <br/>

          <input type="submit" value="提交">

     </form>

  </body>

</html>







// 大功告成就可以发布到tomcat上浏览了



//此处介绍一种懒人方法，在doGet方法中，其中ValidateCode四个函数分别是矩形的宽、高以及验证码的个数和干扰线的条数，然后第一步的函数就可统统省略了







        ValidateCode code = new ValidateCode(320, 25, 4, 8);

        code.write(response.getOutputStream());







//注：导相应的ValidateCode的JAR包喔。