1. <strong id="vjgps"></strong>
      <video id="vjgps"><tbody id="vjgps"></tbody></video>
    1. <cite id="vjgps"></cite>
        1. <cite id="vjgps"><form id="vjgps"></form></cite>
      1. <video id="vjgps"></video>
          設為首頁 | 加為收藏 | 聯系我們 咨詢熱線:0632-5272123
          電 話:0632-5272123
          傳 真:0632-5271123
          地 址: 棗莊市文化西路23號
          E-mail:zzint@zzint.com
          • 技術咨詢:
          • 業務咨詢:
          • 客戶服務:
          • 服務監督:
          詳細資料 您當前的位置:網站首頁新聞動態詳細資料

          棗莊JSP建站中Jsp常用技巧:圖片驗證碼

          思路

          圖片驗證碼的實現主要的技術點是如何生成一個圖片。生成圖片可以使用java.awt包下的類來實現。我們先寫一個簡單的生成圖片的程序HelloImage.java。以下是代碼部分。

          package com.vogoal.test;
          import java.awt.Color;
          import java.awt.Graphics;
          import java.awt.image.BufferedImage;
          import java.io.File;
          import java.io.IOException;
          import javax.imageio.ImageIO;
          /**
          * @author SinNeR@blueidea.com 
          * create a image
          */
          public class HelloImage {
          public static void main(String[] args){
          BufferedImage image = new BufferedImage(80, 25,
          BufferedImage.TYPE_INT_RGB);
          Graphics g = image.getGraphics();
          g.setColor(new Color(255,255,255));
          g.fillRect(0, 0, 80, 25);
          g.setColor(new Color(0,0,0));
          g.drawString("HelloImage",6,16); 
          g.dispose();
          try{
          ImageIO.write(image, "jpeg", new File("C:\\helloImage.jpeg"));
          }catch(IOException e){
          e.printStackTrace();
          }
          }
          }

          編譯后,在DOS下調用這個程序,正常情況下,會在C盤根目錄下生成一張名字helloImage.jpeg為的圖片。圖片上有文字HelloImage。

          簡單介紹下生成圖片的流程

          1. 建立BufferedImage對象。指定圖片的長度寬度和色彩。
            BufferedImage image = new BufferedImage(80,25,BufferedImage.TYPE_INT_RGB);
          2. 取得Graphics對象,用來繪制圖片。
            Graphics g = image.getGraphics();
          3. 繪制圖片背景和文字。
          4. 釋放Graphics對象所占用的資源。
            g.dispose();
          5. 通過ImageIO對象的write靜態方法將圖片輸出。
            ImageIO.write(image, "jpeg", new File("C:\\helloImage.jpeg"));

          知道了圖片的生成方法,剩下的問題就是如何將隨機數生成到頁面上了。要顯示圖片,我們只要將生成的圖片流返回給response對象,這樣用戶請求的時候就可以得到圖片。而一個jsp頁面的page參數的contentType屬性可以指定返回的response對象的形式,我們平時的jsp頁面中設定的contentType是text/html,所以會被以HTML文件的形式讀取分析。如果設定為image/jpeg,就會被以圖片的形式讀取分析。確定了這點后就可以著手實現。

          1. 修改生成圖片的類,添加生成隨機字符串的方法,并取得用戶傳過來的response對象將圖片流輸出到response對象中。同時為了更友好和可訂制,添加了一個構造函數,可以修改圖片驗證碼的長度,以及驗證碼的碼字范圍。并且可以設定驗證碼的背景色。(用戶使用時可以設定驗證圖片的背景色與頁面的背景色相同)
          2. 寫一個jsp文件,用來調用生成驗證碼圖片的類。并得到生成的驗證碼,存入session。

          以下是生成驗證碼圖片的類RandImgCreater。(操作系統的原因,沒有寫注釋,避免亂碼)

          package com.vogoal.util.img;
          import java.awt.Color;
          import java.awt.Font;
          import java.awt.Graphics;
          import java.awt.image.BufferedImage;
          import java.io.IOException;
          import java.util.Random;
          import javax.imageio.ImageIO;
          import javax.servlet.http.HttpServletResponse;
          /**
          * @author SinNeR
          * http://bbs.blueidea.com 
          * image check creater
          */
          public class RandImgCreater {
          private static final String CODE_LIST = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890";
          private HttpServletResponse response = null;
          private static final int HEIGHT = 20;
          private static final int FONT_NUM = 4;
          private int width = 0;
          private int iNum = 0;
          private String codeList = "";
          private boolean drawBgFlag = false;

          private int rBg = 0;
          private int gBg = 0;
          private int bBg = 0;
          public RandImgCreater(HttpServletResponse response) {
          this.response = response;
          this.width = 13 * FONT_NUM + 12;
          this.iNum = FONT_NUM;
          this.codeList = CODE_LIST;
          }

          public RandImgCreater(HttpServletResponse response,int iNum,String codeList) {
          this.response = response;
          this.width = 13 * iNum + 12;
          this.iNum = iNum;
          this.codeList = codeList; 
          } 

          public String createRandImage(){
          BufferedImage image = new BufferedImage(width, HEIGHT,
          BufferedImage.TYPE_INT_RGB);

          Graphics g = image.getGraphics();

          Random random = new Random();

          if ( drawBgFlag ){
          g.setColor(new Color(rBg,gBg,bBg));
          g.fillRect(0, 0, width, HEIGHT);
          }else{
          g.setColor(getRandColor(200, 250)); 
          g.fillRect(0, 0, width, HEIGHT);

          for (int i = 0; i < 155; i++) {
          g.setColor(getRandColor(140, 200));
          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); 
          }
          }

          g.setFont(new Font("Times New Roman", Font.PLAIN, 18));

          String sRand="";
          for (int i=0;i<iNum;i++){
          int rand=random.nextInt(codeList.length());
          String strRand=codeList.substring(rand,rand+1);
          sRand+=strRand;
          g.setColor(new Color(20+random.nextInt(110),20+random.nextInt(110),20+random.nextInt(110)));
          g.drawString(strRand,13*i+6,16); 
          }
          g.dispose();
          try{
          ImageIO.write(image, "JPEG", response.getOutputStream());
          }catch(IOException e){

          }

          return sRand;
          }

          public void setBgColor(int r,int g,int b){
          drawBgFlag = true;
          this.rBg = r;
          this.gBg = g;
          this.bBg = b;
          }
          private 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);
          }
          }

           

          以下是調用生成驗證碼圖片的類的jsp文件:

          <%@ page contentType="image/jpeg" import="com.vogoal.util.img.*" %>
          <%
          response.setHeader("Pragma","No-cache");
          response.setHeader("Cache-Control","no-cache");
          response.setDateHeader("Expires", 0);
          RandImgCreater rc = new RandImgCreater(response);
          //RandImgCreater rc = new RandImgCreater(response,8,"abcdef");
          //rc.setBgColor(100,100,100);
          String rand = rc.createRandImage();
          session.setAttribute("rand",rand);
          %>

          將java程序編譯后得到的class,放到Tomcat自己的web應用的class的目錄下,并寫一個測試程序。

          請求頁面:

          <form name="frm" method="post" action="chkImg.jsp">
          Hello Image Test<br/>
          checkCode:<img src="img.jsp"><br/>
          please input the checkCode:<input type="text" name="code" value=""><br/>
          <input type="submit" name="btn1" value="check">
          </form>

          驗證頁面:

          <%
          String inputCode = request.getParameter("code");
          String code = (String)session.getAttribute("rand");
          if ( inputCode.equals(code) ){
          %>
          check SUCCESS!!!!!
          <%}else{%>
          wrong code!!!!!!!
          <%}%>

          將所有的jsp文件放到自己的web應用的目錄下。

          開始測試:

          啟動Tomcat,訪問請求頁面。

          Jsp常用技巧:圖片驗證碼

          填入圖片上顯示的驗證碼,點擊check按鈕,可以看到如下畫面。測試成功。

          Jsp常用技巧:圖片驗證碼

          至此,jsp的圖片驗證碼基本實現。實際中,我們可以用java的圖片類實現更多的功能。如果有必要,會繼續討論實現方法。

          使用幫助

          附件中提供了圖片生成類和jsp文件,測試jsp文件的下載。
          使用過程中,可以修改img.jsp文件,從而符合自己要實現的功能要求。

          1.構造函數
          RandImgCreater提供了2個構造函數。
          默認的構造函數需要設定response對象。
          public RandImgCreater(HttpServletResponse response)
          使用這個構造函數的時候,生成4位驗證碼圖片,驗證碼為大小寫英文字母和數字中的隨機組合。
          public RandImgCreater(HttpServletResponse response,int iNum,String codeList)
          使用這個構造函數的時候,iNum為指定的顯示的驗證碼的位數,codeList為用戶指定的驗證碼的生成元字符。(不支持中文)
          使用例
          RandImgCreater rc = new RandImgCreater(response,8,"abcdef");
          將會生成從abcdef中隨機取出的8位驗證碼圖片。

          2.指定背景色
          public void setBgColor(int r,int g,int b)
          這個方法可選用。設定的時候,將會按照用戶指定的背景色顯示圖片背景,不設定的時候將使用默認背景。
          r,g,b分別為RGB顏色中的各個色彩的設定值。取值范圍為0-255
          使用例
          rc.setBgColor(100,100,100);



          上篇文章:對于棗莊JSP建站中JAVA基礎測試中常見問題
          下篇文章:好消息,棗莊英特公司推出模板建站。!
          版權所有 棗莊市英特信息網絡有限公司 ◎2013 企業郵箱
          聯系電話:0632-5271123 5272123  總部地址:棗莊市文化西路23號
          ICP備案:魯ICP備09021689號 增值電信業務經營許可證編號:魯 B2-20080087號
          国产真实尾随入室迷晕丝袜美女_亚洲精品无码少妇片下载_有码中文无码中文_99re在线国产_亚洲欧洲日产国码无码动漫_亚洲制服丝袜无码第3页