JSP 制作驗(yàn)證碼的實(shí)例詳解

Image是一個(gè)抽象列，BufferedImage是Image的實(shí)現(xiàn)。


Image和BufferedImage的主要作用就是將一副圖片加載到內(nèi)存中。
Java將一副圖片加載到內(nèi)存中的方法是：
Java代碼 
String imgPath = "d:/demo.jpg"; 
BufferedImage image = ImageIO.read(new FileInputStream(imgPath)); 
該方法可以獲得圖片的詳細(xì)信息，例如：獲得圖片的寬度：image.getWidth(null);圖片只有加載內(nèi)存中才能對(duì)圖片進(jìn)行進(jìn)一步的處理。

div class="row cl">
    div>
     input type="text" placeholder="驗(yàn)證碼" value="驗(yàn)證碼:" onblur="testCheck(this.value);">
     img id="pic" src="CheckTestServlet"> a id="kanbuq" onClick="Checktest();">看不清，換一張/a> /div>
 /div>

@WebServlet("/CheckTestServlet")
public class CheckTestServlet extends HttpServlet {
  private static final long serialVersionUID = 1L;
    
  
  protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
          //這個(gè)方法實(shí)現(xiàn)驗(yàn)證碼的生成
          response.setCharacterEncoding("utf-8");
          //創(chuàng)建圖片緩沖區(qū)設(shè)置其大小  BufferedImage(int width, int height, int imageType) 
         BufferedImage bImage=new BufferedImage(100, 30, BufferedImage.TYPE_3BYTE_BGR);
         //在緩沖區(qū)上創(chuàng)建畫布
         Graphics g=bImage.getGraphics();
         //設(shè)置背景顏色
         g.setColor(Color.orange);
         //創(chuàng)建畫布矩形，位置（0，0）點(diǎn)，大小100，30
         g.fillRect(0, 0, 100, 30);
         //創(chuàng)建隨機(jī)對(duì)象
         Random r=new Random();
         int index;//存放隨機(jī)數(shù)
         //得到的文字東西存放處
         StringBuffer sBuffer=new StringBuffer();
         //循環(huán)產(chǎn)生四個(gè)字
         for (int i = 0; i  4; i++) {
           //中文字的第一個(gè)十六進(jìn)制碼為4e00轉(zhuǎn)十進(jìn)制是19968，最后一個(gè)是9fa0十進(jìn)制為40869，所以可以產(chǎn)生在此之間的隨機(jī)數(shù)
           index=r.nextInt(40869-19968+1)+19968;//產(chǎn)生隨機(jī)數(shù)字
           //設(shè)置隨機(jī)顏色，
           g.setColor(new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255)));
           //設(shè)置文字的類型，大小
           g.setFont(new Font("", Font.BOLD, 20));
           /*畫字，將隨機(jī)數(shù)字轉(zhuǎn)換成十六進(jìn)制Integer.toHexString(index),16)再轉(zhuǎn)換字符(char)(Integer.parseInt，
           在設(shè)置每個(gè)文字的位置
           */
           g.drawString((char)(Integer.parseInt(Integer.toHexString(index),16))+"", i*22+4, 18);
           //將其存放在StringBuffer中，以便后面讀取作比較
           sBuffer.append((char)(Integer.parseInt(Integer.toHexString(index),16)));
        }
         //將得到的文字設(shè)置到session中
         request.getSession().setAttribute("piccode", sBuffer.toString());
         /*將這個(gè)驗(yàn)證碼圖片讀寫到頁面中
          * 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);
  }

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

function testCheck(num){
    $.ajax({
      type:"post",//提交方式
      url:"TestCheckServlet",//提交地址
      async:true,//是否異步請(qǐng)求
      dataType:"html",//返回類型
      data:{"num":num},//傳過去的值
      success:function(data,textStatus){//成功執(zhí)行的方法
        $("#checks").html(data)
      },
      error:function(){//失敗執(zhí)行的方法
        alert("error");
      }
    })
  } 

@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();
    //得到輸入的驗(yàn)證碼與隨機(jī)的圖片驗(yàn)證碼作比較，判斷是否相等，返回提示用戶，
    if (request.getSession().getAttribute("piccode").toString().equals(request.getParameter("num"))) {
      out.println("驗(yàn)證碼正確");
    }else {
      out.println("驗(yàn)證碼錯(cuò)誤");
    }
  }


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

}