JSP 制作验证码的实例详解

Image是一个抽象列，BufferedImage是Image的实现。


Image和BufferedImage的主要作用就是将一副图片加载到内存中。
Java将一副图片加载到内存中的方法是：
Java代码 
String imgPath = "d:/demo.jpg"; 
BufferedImage image = ImageIO.read(new FileInputStream(imgPath)); 
该方法可以获得图片的详细信息，例如：获得图片的宽度：image.getWidth(null);图片只有加载内存中才能对图片进行进一步的处理。

<div class="row cl">
    <div>
     <input type="text" placeholder="验证码" value="验证码:" onblur="testCheck(this.value);">
     <img id="pic" src="/UploadFiles/2021-04-02/CheckTestServlet">

　　在做一个Servlet叫做CheckTestServlet.java


@WebServlet("/CheckTestServlet")
public class CheckTestServlet extends HttpServlet {
  private static final long serialVersionUID = 1L;
    
  
  protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
          //这个方法实现验证码的生成
          response.setCharacterEncoding("utf-8");
          //创建图片缓冲区设置其大小  BufferedImage(int width, int height, int imageType) 
         BufferedImage bImage=new BufferedImage(100, 30, BufferedImage.TYPE_3BYTE_BGR);
         //在缓冲区上创建画布
         Graphics g=bImage.getGraphics();
         //设置背景颜色
         g.setColor(Color.orange);
         //创建画布矩形，位置（0，0）点，大小100，30
         g.fillRect(0, 0, 100, 30);
         //创建随机对象
         Random r=new Random();
         int index;//存放随机数
         //得到的文字东西存放处
         StringBuffer sBuffer=new StringBuffer();
         //循环产生四个字
         for (int i = 0; i < 4; i++) {
           //中文字的第一个十六进制码为4e00转十进制是19968，最后一个是9fa0十进制为40869，所以可以产生在此之间的随机数
           index=r.nextInt(40869-19968+1)+19968;//产生随机数字
           //设置随机颜色，
           g.setColor(new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255)));
           //设置文字的类型，大小
           g.setFont(new Font("", Font.BOLD, 20));
           /*画字，将随机数字转换成十六进制Integer.toHexString(index),16)再转换字符(char)(Integer.parseInt，
           在设置每个文字的位置
           */
           g.drawString((char)(Integer.parseInt(Integer.toHexString(index),16))+"", i*22+4, 18);
           //将其存放在StringBuffer中，以便后面读取作比较
           sBuffer.append((char)(Integer.parseInt(Integer.toHexString(index),16)));
        }
         //将得到的文字设置到session中
         request.getSession().setAttribute("piccode", sBuffer.toString());
         /*将这个验证码图片读写到页面中
          * write(RenderedImage im, String formatName, OutputStream output)
        */         
         ImageIO.write(bImage, "jpg", response.getOutputStream());
  }

  protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // TODO Auto-generated method stub
    doGet(request, response);
  }




　　在做一个js刷新验证码的，用于看不清，或者别的刷新用处


 function Checktest(){
     var time=new Date().getTime();
    $("#pic").attr('src',"CheckTestServlet"+time)
  }



　　再写一个Ajax去验证用户输入的是否正确返回提示，这是用jQuery做的，需要引js


function testCheck(num){
    $.ajax({
      type:"post",//提交方式
      url:"TestCheckServlet",//提交地址
      async:true,//是否异步请求
      dataType:"html",//返回类型
      data:{"num":num},//传过去的值
      success:function(data,textStatus){//成功执行的方法
        $("#checks").html(data)
      },
      error:function(){//失败执行的方法
        alert("error");
      }
    })
  } 



　　有点麻烦的再去做一个Servlet去验证Ajax传过来的值是否匹配验证码


@WebServlet("/TestCheckServlet")
public class TestCheckServlet extends HttpServlet {
  private static final long serialVersionUID = 1L;
  
  protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    response.setCharacterEncoding("utf-8");
    PrintWriter out=response.getWriter();
    //得到输入的验证码与随机的图片验证码作比较，判断是否相等，返回提示用户，
    if (request.getSession().getAttribute("piccode").toString().equals(request.getParameter("num"))) {
      out.println("验证码正确");
    }else {
      out.println("验证码错误");
    }
  }


  protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // TODO Auto-generated method stub
    doGet(request, response);
  }

}




就这样验证码已经基本搞定，其中还有许多需要修改的内容，花样，根据需求而来
 以上就是二维码的制作，如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！