Javaweb中怎么實現動態圖片驗證碼功能

本篇文章為大家展示了Javaweb中怎么實現動態圖片驗證碼功能，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

驗證碼

防止惡意表單注冊

生成驗證碼圖片

定義寬高

int width = 100;int height = 50;

使用BufferedImage再內存中生成圖片

BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);

繪制背景和邊框

Graphics g = image.getGraphics();g.setColor(Color.WHITE);g.fillRect(0, 0, width, height);g.setColor(Color.BLACK);g.drawRect(0, 0, width - 1, height - 1);

創建隨機字符集和隨機數對象

//字符集String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefgjijklmnopqrstuvwxyz";//隨機數Random ran = new Random();

創建隨機顏色生成方法

private Color getRandomColor(Random random) {  //獲取隨機顏色  int colorIndex = random.nextInt(3);  switch (colorIndex) {    case 0:      return Color.BLUE;    case 1:      return Color.GREEN;    case 2:      return Color.RED;    case 3:      return Color.YELLOW;    default:      return Color.MAGENTA;  }}

繪制驗證碼字符

//繪制驗證碼for (int i = 0; i < 4; i++) {  //獲取隨機字符  int index = ran.nextInt(str.length());  char ch = str.charAt(index);  //獲取隨機色  Color randomColor = getRandomColor(ran);  g.setColor(randomColor);  //設置字體  Font font = new Font("宋體", Font.BOLD, height / 2);  g.setFont(font);  //寫入驗證碼  g.drawString(ch + "", (i == 0) ? width / 4 * i + 2 : width / 4 * i, height - height / 4);}

繪制干擾線

//干擾線for (int i = 0; i < 10; i++) {  int x1 = ran.nextInt(width);  int x2 = ran.nextInt(width);  int y1 = ran.nextInt(height);  int y2 = ran.nextInt(height);  Color randomColor = getRandomColor(ran);  g.setColor(randomColor);  g.drawLine(x1, x2, y1, y2);}

使用ImageIO輸出圖片

ImageIO.write(image, "jpg", resp.getOutputStream());

成果圖

實現刷新效果

新建html頁面使用img標簽實現圖片展示

<img id="identcode" src="identcode"><a id="refesh" href="">看不清，換一張</a>

使用js實現刷新效果

//點擊圖片時var img = document.getElementById("identcode");img.onclick = function (){  refesh();}//點擊連接時var a = document.getElementById("refesh");a.onclick = function (){  refesh();  //返回false防止a標簽默認href行為  return false;}function refesh() {  /**   * 由于路徑相同時瀏覽器會自動調用緩存中的圖片   * 所以在連接后加時間戳解決此問題   */  var date = new Date().getTime();  img.src = "identcode?" + date;}

上述內容就是Javaweb中怎么實現動態圖片驗證碼功能，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。