javaWeb如何實(shí)現(xiàn)隨機(jī)圖片驗(yàn)證碼詳解

更新時(shí)間：2021年03月28日 10:44:45 作者：C--++

這篇文章主要給大家介紹了關(guān)于javaWeb如何實(shí)現(xiàn)隨機(jī)圖片驗(yàn)證碼的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

實(shí)現(xiàn)步驟

1：Java后臺(tái)生成一張隨機(jī)數(shù)字/字母/漢字驗(yàn)證碼的圖片。

2：存入redis或者session。

3：用戶輸入驗(yàn)證碼跟redis取出數(shù)據(jù)做比對。

圖片生成工具類

public class RandomValidateCodeUtil {


 public static final String RANDOMCODEKEY = "RANDOMVALIDATECODEKEY";//放到session中的key
 private String randString = "0123456789";//隨機(jī)產(chǎn)生只有數(shù)字的字符串 private String
 //private String randString = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";//隨機(jī)產(chǎn)生只有字母的字符串
 //private String randString = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";//隨機(jī)產(chǎn)生數(shù)字與字母組合的字符串
 private int width = 95;// 圖片寬
 private int height = 25;// 圖片高
 private int lineSize = 40;// 干擾線數(shù)量
 private int stringNum = 4;// 隨機(jī)產(chǎn)生字符數(shù)量

 private static final Logger logger = LoggerFactory.getLogger(RandomValidateCodeUtil.class);

 private Random random = new Random();

 /**
  * 獲得字體
  */
 private Font getFont() {
  return new Font("Fixedsys", Font.CENTER_BASELINE, 18);
 }

 /**
  * 獲得顏色
  */
 private Color getRandColor(int fc, int bc) {
  if (fc > 255) {
   fc = 255;
  }
  if (bc > 255) {
   bc = 255;
  }
  int r = fc + random.nextInt(bc - fc - 16);
  int g = fc + random.nextInt(bc - fc - 14);
  int b = fc + random.nextInt(bc - fc - 18);
  return new Color(r, g, b);
 }

 /**
  * 生成隨機(jī)圖片
  */
 public String getRandcode(HttpServletRequest request, HttpServletResponse response) {
  HttpSession session = request.getSession();
  // BufferedImage類是具有緩沖區(qū)的Image類,Image類是用于描述圖像信息的類
  BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_BGR);
  Graphics g = image.getGraphics();// 產(chǎn)生Image對象的Graphics對象,改對象可以在圖像上進(jìn)行各種繪制操作
  g.fillRect(0, 0, width, height);//圖片大小
  g.setFont(new Font("Default", Font.ROMAN_BASELINE, 18));//字體大小
  g.setColor(getRandColor(110, 133));//字體顏色
  // 繪制干擾線
  for (int i = 0; i <= lineSize; i++) {
   drowLine(g);
  }
  // 繪制隨機(jī)字符
  String randomString = "";
  for (int i = 1; i <= stringNum; i++) {
   randomString = drowString(g, randomString, i);
  }
  logger.info(randomString);
  g.dispose();
  try {
   // 將內(nèi)存中的圖片通過流動(dòng)形式輸出到客戶端
   ImageIO.write(image, "JPEG", response.getOutputStream());
  } catch (Exception e) {
   logger.error("將內(nèi)存中的圖片通過流動(dòng)形式輸出到客戶端失敗>>>> ", e);
  }
  return randomString;
 }

 /**
  * 繪制字符串
  */
 private String drowString(Graphics g, String randomString, int i) {
  g.setFont(getFont());
  g.setColor(new Color(random.nextInt(101), random.nextInt(111), random
    .nextInt(121)));
  String rand = String.valueOf(getRandomString(random.nextInt(randString
    .length())));
  randomString += rand;
  g.translate(random.nextInt(3), random.nextInt(3));
  g.drawString(rand, 13 * i, 16);
  return randomString;
 }

 /**
  * 繪制干擾線
  */
 private void drowLine(Graphics g) {
  int x = random.nextInt(width);
  int y = random.nextInt(height);
  int xl = random.nextInt(13);
  int yl = random.nextInt(15);
  g.drawLine(x, y, x + xl, y + yl);
 }

 /**
  * 獲取隨機(jī)的字符
  */
 public String getRandomString(int num) {
  return String.valueOf(randString.charAt(num));
 }
}

使用工具類生成

 @GetMapping(value = "/getVerify")
 @ApiOperation("生成圖片驗(yàn)證碼")
 public void getVerify(HttpServletRequest request, HttpServletResponse response) {
  try {
   //設(shè)置相應(yīng)類型,告訴瀏覽器輸出的內(nèi)容為圖片
   response.setContentType("image/jpeg");
   //設(shè)置響應(yīng)頭信息，告訴瀏覽器不要緩存此內(nèi)容
   response.setHeader("Pragma", "No-cache");
   response.setHeader("Cache-Control", "no-cache");
   response.setDateHeader("Expire", 0);
   RandomValidateCodeUtil randomValidateCode = new RandomValidateCodeUtil();
   //輸出驗(yàn)證碼圖片方法
   String randcode = randomValidateCode.getRandcode(request, response);
   
   // 將隨機(jī)生成的字符串放在redis中
   redisUtil.save("random", randcode);
   
   // 將生成的隨機(jī)字符串保存到session中
   // HttpSession session = request.getSession();
   // session.removeAttribute(RANDOMCODEKEY);
   // session.setAttribute(RANDOMCODEKEY, randomString);

  } catch (Exception e) {
   log.error("獲取驗(yàn)證碼失敗>>>> ", e);
  }
 }

當(dāng)有請求進(jìn)來時(shí)

1：告訴瀏覽器如何接收圖片。

2：使用工具類生成圖片。

3：將驗(yàn)證碼存入redis或者seesion。

4：調(diào)用成功圖片已流給瀏覽器

獲得圖片：

校驗(yàn)圖形驗(yàn)證碼

@PostMapping("/checkVerify")
  @ApiOperation("校驗(yàn)圖形驗(yàn)證碼")
  public String checkValidateCode(String verify) {
    // 校驗(yàn)驗(yàn)證碼
    try {
      // 從redis中獲取驗(yàn)證碼
      String random = (String) redisUtil.findKey("random");

      // 從ression中獲取驗(yàn)證碼
      HttpSession session = request.getSession();
      String random = session.getAttribute("random");

      log.info("獲取的隨機(jī)數(shù) random = {}", random);
      if (org.springframework.util.StringUtils.isEmpty(verify)) {
        return "沒有輸入驗(yàn)證碼";
      }
      if (verify.equals(random)) {
        redisUtil.delKey("random");
      } else {
        return "驗(yàn)證碼錯(cuò)誤";
      }
    } catch (Exception e) {
      log.error("驗(yàn)證碼校驗(yàn)失敗", e);
      return "服務(wù)器異常";
    }
    return "成功";
  }

驗(yàn)證：從redis或者seesion取出存入的驗(yàn)證碼與用戶輸入的比對,相同驗(yàn)證成功，反之驗(yàn)證失敗。