1. 程式人生 > >jsp通過標籤的src屬性來呼叫servlet類生成驗證碼遇到的問題

jsp通過標籤的src屬性來呼叫servlet類生成驗證碼遇到的問題

在配置了註解或者xml都正確的情況下

包如下:


xml 配置如下:


jsp頁面(action="" method="post")<img src>:


都配置好了,servlet生成程式碼也沒問題,可是不顯示驗證碼。

我做了如下修改:

修改方法一:把servlet中doPost方法改為doGet方法就出現驗證碼的圖片了(jsp裡提交的方式還是post方式)。

修改方法二:同時寫doPost和doGet方法,在doGet方法裡呼叫doPost方法


Servlet程式碼:

public class ValidateCodeServlet extends HttpServlet {


@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
// TODO Auto-generated method stub
doPost(req, resp);
}


@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
// TODO Auto-generated method stub
// System.out.println("V");
// 禁止頁面快取
resp.setHeader("Pragma", "No-cache");
resp.setHeader("Cacahe-Control", "No-Cache");
resp.setDateHeader("Expires", 0);
resp.setContentType("image/jpeg");
int width = 60, height = 20;
/* 建立一個位於快取的影象,寬度為60,高度為20 */
BufferedImage image = new BufferedImage(height, width, BufferedImage.TYPE_INT_BGR);
Graphics g = image.getGraphics();
Random rand = new Random();
g.setColor(getRandColor(200, 250));// 設定影象的背景色
g.fillRect(0, 0, width, height);
g.setFont(new Font("Times New Roman", Font.PLAIN, 18));
g.setColor(this.getRandColor(160, 200));// 按Table鍵自動跳到下一個


for (int i = 0; i < 130; i++) {// 隨機130條隨機線
int x = rand.nextInt(width);
int y = rand.nextInt(height);
int x1 = rand.nextInt(12);
int y1 = rand.nextInt(12);
g.drawLine(x, y, x + x1, y + y1); // 在影象座標(x,y)和座標(x+x1,y+y1)之間話干擾線
}


String strCode = "";
for (int i = 0; i < 4; i++) {
String strNum = String.valueOf(rand.nextInt(10));
strCode = strCode + strNum;
// 設定字型的顏色
g.setColor(new Color(15 + rand.nextInt(120), 15 + rand.nextInt(120), 15 + rand.nextInt(120)));
g.drawString(strNum, 13 * i + 6, 16); // 將驗證碼依次畫在影象上,座標為(x=13*i+6,y=16)
System.out.println(strNum);
}


req.getSession().setAttribute("Code", strCode); // 把驗證碼儲存到session中
g.dispose(); // 釋放此影象的上下文以及它使用的所有系統資源
ImageIO.write(image, "JPEG", resp.getOutputStream()); // 輸出JPEG格式的影象
resp.getOutputStream().flush(); // 重新整理輸出流
resp.getOutputStream().close(); // 關閉輸出流
}


public Color getRandColor(int fc, int bc) {
Random rand = new Random();
Color c = null;
if (fc > 255)
fc = 255;
if (bc > 255)
bc = 255;
// 置0-255之間的隨機顏色
int r = fc + rand.nextInt(bc - fc);
int g = fc + rand.nextInt(bc - fc);
int b = fc + rand.nextInt(bc - fc);
c = new Color(r, g, b);
return c;
}
}

jsp程式碼:

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<%-- 
<%
String basepath = request.getScheme() + "://" + request.getServerName() 
                  + ":" + request.getServerPort() + request.getContextPath() + "/";
%>
<base href="<%=basepath%>">
 --%>
<!-- 
<script type="text/javascript">
    //重新整理驗證碼
    function changeImg(){
        document.getElementById("validateCodeImg").src="helpDrawValidateCode?t=" + Math.random();
    }
</script> 
-->
</head>
<body>
<form action="message.jsp" method="post">
    <table align="center">
        <tr>
            <td>
                使用者名稱:
            </td>
            <td>
               <input type="text" name="username">
            </td>
        </tr>
        <tr>
            <td>
                密  碼:
            </td>
            <td>
               <input type="password" name="password">
            </td>
        </tr>
        <tr>
            <td>
                確認密碼:
            </td>
            <td>
               <input type="password" name="repassword">
            </td>
        </tr>
        <tr>
            <td>
                性別:
            </td>
            <td>
            <input type="radio" name="sex" value="男" checked="checked">男
            <input type="radio" name="sex" value="女" >女
            </td>
        </tr>
        <tr>
            <td>
                驗證碼:
            </td>
            <td>
            <img alt="" src="ValidateCodeServlet">
            </td>
        </tr>
        <tr>
            <td>
                輸入驗證碼:
            </td>
            <td>
            <input type="text" name="code">
            </td>
        </tr>
        <tr>
            <td>
                郵箱:
            </td>
            <td>
            <input type="text" name="email">
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center">
            <input type="submit" value="提交">
            <input type="reset" value="重置">
            </td>
        </tr>
    </table> 
</form>
</body>
</html>