<cite id="v3p3d"><video id="v3p3d"></video></cite>
<thead id="v3p3d"><ruby id="v3p3d"><nobr id="v3p3d"></nobr></ruby></thead>

      <cite id="v3p3d"><video id="v3p3d"></video></cite>
    <del id="v3p3d"><noframes id="v3p3d"><var id="v3p3d"></var>

    <thead id="v3p3d"><i id="v3p3d"><form id="v3p3d"></form></i></thead>

        <ruby id="v3p3d"><strike id="v3p3d"><del id="v3p3d"></del></strike></ruby>
          <big id="v3p3d"><video id="v3p3d"></video></big>

          <strike id="v3p3d"><cite id="v3p3d"><output id="v3p3d"></output></cite></strike>

            <var id="v3p3d"></var>

            設為首頁 | 加為收藏 | 聯系我們 咨詢熱線: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號
            亚洲日韩人妻无码高清_亚洲日韩在线高清96_国产日韩一区二区三区_中文字幕熟妇人妻中文在线视频_国产资源网中文最新版_亚洲伊久久无码中文字幕