開篇前的廢話：

? ? ? ?驗證碼是日常簡單開發中經常會用到的東西，作為防止暴力破解密碼的一道屏障。所以開發者必須掌握如何使用。廢話不多說，直接上代碼。

工具類：VerifyCodeUtil

import sun.misc.BASE64Encoder;import javax.imageio.ImageIO; import java.awt.*; import java.awt.image.BufferedImage; import java.io.ByteArrayOutputStream; import java.io.IOException; import java.util.Random;public class VerifyCodeUtil {// 驗證碼字符集private static final char[] chars = {'0', '1', '2', '3', '4', '5', '6', '7', '8', '9','a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n','o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z','A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N','O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'};// 字符數量private static final int SIZE = 4;// 干擾線數量private static final int LINES = 17;// 寬度private static final int WIDTH = 130;// 高度private static final int HEIGHT = 40;// 字體大小private static final int FONT_SIZE = 35;/*** 生成隨機驗證碼及圖片* Object[0]：驗證碼字符串；* Object[1]：驗證碼圖片 data-uri 格式。*/public static Object[] createImage() {// 存儲驗證碼的值StringBuffer sb = new StringBuffer();// 存儲最終生成圖片的二進制數據ByteArrayOutputStream baos = new ByteArrayOutputStream();// 存儲轉碼之后的 image 數據String imageDataURI = null;try {// 創建空白圖片BufferedImage image = new BufferedImage(WIDTH, HEIGHT, BufferedImage.TYPE_INT_RGB);// 獲取圖片畫筆Graphics graphic = image.getGraphics();// 設置畫筆顏色graphic.setColor(Color.WHITE);// 繪制矩形背景graphic.fillRect(0, 0, WIDTH, HEIGHT);// 畫隨機字符Random ran = new Random();for (int i = 0; i < SIZE; i++) {// 取隨機字符索引int n = ran.nextInt(chars.length);// 設置隨機顏色graphic.setColor(getRandomColor());// 設置字體大小graphic.setFont(new Font("Dialog", Font.BOLD + Font.ITALIC, FONT_SIZE));// 畫字符graphic.drawString(chars[n] + "", i * WIDTH / SIZE, HEIGHT / 5 * 4 );// 記錄字符sb.append(chars[n]);}// 畫干擾線for (int i = 0; i < LINES; i++) {// 設置隨機顏色graphic.setColor(getRandomColor());// 隨機畫線graphic.drawLine(ran.nextInt(WIDTH-2), ran.nextInt(HEIGHT-2),ran.nextInt(WIDTH), ran.nextInt(HEIGHT));}// 將圖片格式化寫入二進制流 ByteArrayOutputStreamImageIO.write(image, "jpeg", baos);// 二進制圖片數據轉 data-uriimageDataURI = "data:image/jpeg;base64," + (new BASE64Encoder().encode(baos.toByteArray()));} catch (IOException e) {e.printStackTrace();}finally {return new Object[]{sb.toString().toLowerCase(), imageDataURI}; // 驗證碼的值傳出時已經進行了小寫轉換}}/*** 隨機取色*/private static Color getRandomColor() {Random ran = new Random();Color color = new Color(ran.nextInt(230),ran.nextInt(230), ran.nextInt(230));return color;} }

原理就是利用 Java GUI 工具類，從給定范圍（數字與大小寫字母），隨機選取一定數量的字符，然后繪制圖片，再繪制干擾線，最后獲得圖片元數據（及二進制數據）。因為當前前端開發經常使用 data-uri，圖片數據為了使用處理方便，這里也直接進行轉換，直接返回給前端是 data-uri 格式的字符串，而不是一個圖片文件。

小小的補充：

data-uri 編碼也很簡單，就是”前綴“+”使用BASE64處理之后的元數據“。

<!-- data-uri: 格式 --> data:[<mime type>][;charset=<charset>][;base64],<encoded data>

怎樣使用 data-uri ？

這個很簡單，直接給出樣例，不解釋。

CSS 使用：

li {background:url(https://img-blog.csdnimg.cn/2022010622421990569.gif)no-repeatleft center;padding: 5px 0 5px 25px; }

html 中使用：

<img width="16" height="16" alt="star" src="https://img-blog.csdnimg.cn/2022010622421990569.gif" />

其實瀏覽器支持自動解析的，只需粘貼到瀏覽器地址欄便可以直接看到圖片，如圖

?

參考資源：

https://css-tricks.com/data-uris/

https://developer.mozilla.org/zh-CN/docs/Web/HTTP/data_URIs

總結

以上是生活随笔為你收集整理的使用原生 Java 玩转验证码【含 DATA-URIS 介绍】的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。