溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

SpringMVC生成驗(yàn)證碼圖片不顯示怎么辦

發(fā)布時(shí)間:2021-04-30 15:09:18 來(lái)源:億速云 閱讀:321 作者:小新 欄目:編程語(yǔ)言

這篇文章主要介紹SpringMVC生成驗(yàn)證碼圖片不顯示怎么辦,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!

近期用SSM框架寫一個(gè)項(xiàng)目,登錄模塊需要生成驗(yàn)證碼圖片,我把相關(guān)的代碼寫好了之后傳到 jsp ,但是圖片不顯示,查看控制臺(tái)顯示404,反復(fù)查詢了一下代碼并沒(méi)有發(fā)現(xiàn)任何問(wèn)題,代碼如下:

@Controller
public class ValidateCodeController {
  private static final long serialVersionUID = 1L;
  private static int WIDTH = 70;        // 驗(yàn)證碼圖片的寬度
  private static int HEIGHT = 35;      // 驗(yàn)證碼圖片的高度
  @RequestMapping("/validateCode")
  public void validateCode(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    HttpSession session = request.getSession();
    response.setContentType("image/jpeg");
    ServletOutputStream sos = response.getOutputStream();
    // 設(shè)置瀏覽器不要緩存該圖片
    response.setHeader("Pragma", "No-cache");
    response.setHeader("Cache-Control", "no-cache");
    response.setDateHeader("Expires", 0);
    // 創(chuàng)建圖片緩存區(qū)
    BufferedImage image = new BufferedImage(WIDTH, HEIGHT, BufferedImage.TYPE_INT_RGB);
    Graphics g = image.getGraphics();          // 獲取畫筆
    char [] rands = generateCheckCode();      // 產(chǎn)生隨機(jī)的驗(yàn)證碼
    // 產(chǎn)生圖像
    drawBackground(g);
    drawRands(g, rands);
    // 結(jié)束繪畫過(guò)程,完成圖像
    g.dispose();
    // 將圖像輸出到客戶端
    ByteArrayOutputStream bos = new ByteArrayOutputStream();
    ImageIO.write(image, "JPEG", bos);
    byte [] buf = bos.toByteArray();
    response.setContentLength(buf.length);
    sos.write(buf);
    bos.close();
    sos.close();
    // 將當(dāng)前驗(yàn)證碼存入 Session 中
    session.setAttribute("valicode", new String(rands));
    //System.out.println("1:"+request.getSession().getId());
    System.out.println(session.getAttribute("valicode"));
  }
  private void drawRands(Graphics g, char[] rands) {
    g.setColor(new Color(41, 41, 41));
    g.setFont(new Font(null, Font.ITALIC|Font.BOLD, 18));
    g.drawString("" + rands[0], 2, 17);
    g.drawString(" " + rands[1], 16, 20);
    g.drawString(" " + rands[2], 31, 13);
    g.drawString(" " + rands[3], 46, 18);
    //System.out.println(rands);
  }
  private void drawBackground(Graphics g) {
    g.setColor(new Color(255, 255, 255));
    g.fillRect(0, 0, WIDTH, HEIGHT);
    // 隨機(jī)產(chǎn)生 120 個(gè)干擾點(diǎn)
    for(int i = 0; i < 120; i++) {
      int x = (int) (Math.random() * WIDTH);
      int y = (int) (Math.random() * HEIGHT);
      int red = (int) (Math.random() * 255);
      int green = (int) (Math.random() * 255);
      int blue = (int) (Math.random() * 255);
      g.setColor(new Color(red, green, blue));
      g.drawOval(x, y, 1, 0);
    }
  }
  // 生成四個(gè)字符的驗(yàn)證碼
  private char[] generateCheckCode() {
    String chars = "0123456789abcdefghijklmnopqrstuvwxyz";
    char [] rands = new char[4];
    for(int i = 0; i <4; i++) {
      int rand = (int) (Math.random() * 36);
      rands[i] = chars.charAt(rand);
    }
    return rands;
  }
}

jsp 獲取驗(yàn)證碼圖片的關(guān)鍵代碼如下:

<img src="validateCode" />

后來(lái)就給validateCode方法加了一個(gè)注解 @ResponseBody 圖片就顯示出來(lái)了。然后看了 這篇博客,才得知:

1、responseBody一般是作用在方法上的,加上該注解表示該方法的返回結(jié)果直接寫到Http response Body中,常用在ajax異步請(qǐng)求中,

2、在RequestMapping中 return返回值默認(rèn)解析為跳轉(zhuǎn)路徑,如果你此時(shí)想讓Controller返回一個(gè)字符串或者對(duì)象到前臺(tái) 就會(huì)報(bào)404 not response的錯(cuò)誤。

3、當(dāng)加上@ResponseBody注解后不會(huì)解析成跳轉(zhuǎn)地址 會(huì)解析成相應(yīng)的json格式的對(duì)象 集合 字符串或者xml等直接返回給前臺(tái) 可以通過(guò) ajax 的“success”:fucntion(data){} data直接獲取到。

以上是“SpringMVC生成驗(yàn)證碼圖片不顯示怎么辦”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI