java圖片驗(yàn)證碼生成教程詳解
我們先來看本地如何生成圖片驗(yàn)證碼的,再來寫輸出到網(wǎng)頁的驗(yàn)證碼如何實(shí)現(xiàn)。
先來看最簡(jiǎn)單的—實(shí)現(xiàn)的功能是,將一個(gè)字符串變成圖片寫入到文件中
實(shí)現(xiàn)代碼:
package cn.hncu.img; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOException; import javax.imageio.ImageIO; //該類包含一些用來查找 ImageReader 和 ImageWriter 以及執(zhí)行簡(jiǎn)單編碼和解碼的靜態(tài)便捷方法。 import org.junit.Test; public class ImgDemo { //學(xué)習(xí)如何把一個(gè)字符串變成圖片寫到一個(gè)文件 @Test public void ImgDemo1() throws FileNotFoundException, IOException{ BufferedImage img = new BufferedImage(60, 30, BufferedImage.TYPE_INT_RGB); // 表示一個(gè)圖像,它具有合成整數(shù)像素的 8 位 RGB 顏色分量。 Graphics g = img.getGraphics(); g.drawString("Hello",10,20); //使用此圖形上下文的當(dāng)前字體和顏色繪制由指定 string 給定的文本。最左側(cè)字符的基線位于此圖形上下文坐標(biāo)系的 (x, y) 位置處。 g.dispose();////類似于流中的close()帶動(dòng)flush()---把數(shù)據(jù)刷到img對(duì)象當(dāng)中 //釋放此圖形的上下文以及它使用的所有系統(tǒng)資源。調(diào)用 dispose 之后,就不能再使用 Graphics 對(duì)象。 ImageIO.write(img, "JPG", new FileOutputStream("img/a.jpg")); //使用支持給定格式的任意 ImageWriter 將一個(gè)圖像寫入 File。 } }
結(jié)果:
上面那個(gè)很簡(jiǎn)單,對(duì)不對(duì),我們看到的驗(yàn)證碼都不是這樣的,那好,我們給它加點(diǎn)干擾線,背景色,字符和y坐標(biāo)隨機(jī)生成。
有干擾線、背景色的驗(yàn)證碼-寫入文件
演示代碼:
package cn.hncu.img; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOException; import java.util.Date; import java.util.Random; import javax.imageio.ImageIO; //該類包含一些用來查找 ImageReader 和 ImageWriter 以及執(zhí)行簡(jiǎn)單編碼和解碼的靜態(tài)便捷方法。 import org.junit.Test; public class ImgDemo { //把上面的字符串改成我們平時(shí)用的驗(yàn)證碼---生成幾個(gè)隨機(jī)數(shù)字,有背景色和干擾線 @Test public void ImgDemo2() throws FileNotFoundException, IOException{ int width = 80; int height= 40; int lines = 10; BufferedImage img = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); Graphics g = img.getGraphics(); //設(shè)置背景色 g.setColor(Color.white); g.fillRect(0, 0, width, height);//畫背景 //填充指定的矩形。使用圖形上下文的當(dāng)前顏色填充該矩形 //設(shè)置字體 g.setFont(new Font("宋體", Font.BOLD, 18)); //隨機(jī)數(shù)字 Date d = new Date(); //System.out.println(d.getTime()); Random r = new Random(d.getTime()); for(int i=0;i<4;i++){ int a = r.nextInt(10);//取10以內(nèi)的整數(shù)[0,9] int y = 10+r.nextInt(20); //10~30范圍內(nèi)的一個(gè)整數(shù),作為y坐標(biāo) Color c = new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255)); g.setColor(c); g.drawString(""+a, 5+i*width/4, y); } //干擾線 for(int i=0;i<lines;i++){ Color c = new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255)); g.setColor(c); g.drawLine(r.nextInt(width), r.nextInt(height), r.nextInt(width), r.nextInt(height)); } g.dispose();//類似于流中的close()帶動(dòng)flush()---把數(shù)據(jù)刷到img對(duì)象當(dāng)中 ImageIO.write(img, "JPG", new FileOutputStream("img/b.jpg")); } }
演示結(jié)果:
最后來看一個(gè)可以旋轉(zhuǎn)和放縮的驗(yàn)證碼-寫到圖片本地文件中
演示代碼:
package cn.hncu.img; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.Graphics2D; import java.awt.geom.AffineTransform; import java.awt.image.BufferedImage; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOException; import java.util.Date; import java.util.Random; import javax.imageio.ImageIO; //該類包含一些用來查找 ImageReader 和 ImageWriter 以及執(zhí)行簡(jiǎn)單編碼和解碼的靜態(tài)便捷方法。 import org.junit.Test; public class ImgDemo { @Test//可以旋轉(zhuǎn)和放縮的驗(yàn)證碼 public void ImgDemo3() throws FileNotFoundException, IOException{ int width = 80; int height = 40; int lines = 10; BufferedImage img = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); Graphics2D g2d = (Graphics2D)img.getGraphics(); g2d.setFont(new Font("宋體", Font.BOLD, 20)); Random r = new Random(new Date().getTime()); //設(shè)置背景色 g2d.setColor(new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255))); g2d.drawRect(0, 0, width, height);//繪制指定矩形的邊框。 g2d.setColor(new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255))); g2d.fillRect(0, 0, width, height);//填充指定的矩形。 for(int i=0;i<4;i++){ String str = ""+r.nextInt(10); //處理旋轉(zhuǎn) AffineTransform Tx = new AffineTransform(); Tx.rotate(Math.random(), 5+i*15, height-5); //用弧度測(cè)量的旋轉(zhuǎn)角度,旋轉(zhuǎn)錨點(diǎn)的 X 坐標(biāo),旋轉(zhuǎn)錨點(diǎn)的 Y 坐標(biāo) //Tx.scale(0.7+Math.random(), 0.7+Math.random()); //x坐標(biāo)方向的縮放倍數(shù),y坐標(biāo)方向的縮放倍數(shù) g2d.setTransform(Tx); Color c = new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255)); g2d.setColor(c); g2d.drawString(str, 2+i*width/4, height-13); } //干擾線 for(int i=0;i<lines;i++){ Color c = new Color(r.nextInt(255), r.nextInt(255), r.nextInt(255)); g2d.setColor(c); g2d.drawLine(r.nextInt(width), r.nextInt(height), r.nextInt(width), r.nextInt(height)); } g2d.dispose(); ImageIO.write(img, "JPG", new FileOutputStream("img/c.jpg")); } }
演示結(jié)果:
下面就要開始演示前臺(tái)的圖片驗(yàn)證技術(shù)了。
前臺(tái)的圖片驗(yàn)證技術(shù)
這個(gè)項(xiàng)目的結(jié)構(gòu)圖:
index.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript"> function changImg(){ var img = document.getElementById("servletImg"); var d = new Date(); var time = d.getTime();//如果沒有這個(gè) //下面這一句不會(huì)起作用,因?yàn)闉g覽器的緩存技術(shù),圖片并不會(huì)刷新 //img.src="/myHelloWeb/servlet/ImageServlet"; img.src="/myHelloWeb/servlet/ImageServlet?"+time; //?號(hào)后面的東西是通過get方式傳遞的 } </script> </head> <body> 這是我的手動(dòng)主頁! <br/> <img id="servletImg" src="/myHelloWeb/servlet/ImageServlet" /><a href="javascript:changImg()">看不清</a> </body> </html>
web.xml:
<?xml version="1.0" encoding="UTF-8"?> <web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"> <display-name></display-name> <servlet> <description>This is the description of my J2EE component</description> <display-name>This is the display name of my J2EE component</display-name> <servlet-name>ImageServlet</servlet-name> <servlet-class>cn.hncu.img.ImageServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>ImageServlet</servlet-name> <url-pattern>/servlet/ImageServlet</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> </web-app>
ImageServlet.java
package cn.hncu.img; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.IOException; import java.io.PrintWriter; import java.util.Date; import java.util.Random; import javax.imageio.ImageIO; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class ImageServlet extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doPost(request, response); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //告訴客戶端,輸出的格式 response.setContentType("image/jpeg"); int width = 80; int height = 40; int lines = 10; BufferedImage img = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); Graphics g = img.getGraphics(); //設(shè)置背景色 g.setColor(Color.WHITE); g.fillRect(0, 0, width, height); //設(shè)置字體 g.setFont(new Font("宋體", Font.BOLD, 20)); //隨機(jī)數(shù)字 Random r = new Random(new Date().getTime()); for(int i=0;i<4;i++){ int a = r.nextInt(10); int y = 10+r.nextInt(20);//10~30范圍內(nèi)的一個(gè)整數(shù),作為y坐標(biāo) Color c = new Color(r.nextInt(255),r.nextInt(255),r.nextInt(255)); g.setColor(c); g.drawString(""+a, 5+i*width/4, y); } //干擾線 for(int i=0;i<lines;i++){ Color c = new Color(r.nextInt(255),r.nextInt(255),r.nextInt(255)); g.setColor(c); g.drawLine(r.nextInt(width), r.nextInt(height), r.nextInt(width), r.nextInt(height)); } g.dispose();//類似于流中的close()帶動(dòng)flush()---把數(shù)據(jù)刷到img對(duì)象當(dāng)中 ImageIO.write(img, "JPG", response.getOutputStream()); } }
演示結(jié)果:
下面這個(gè)是在index.jsp中:
如果是用這句:
img.src=”/myHelloWeb/servlet/ImageServlet”;
大家可以看看響應(yīng)頭:
再看看用這句的響應(yīng)頭:
img.src=”/myHelloWeb/servlet/ImageServlet?”+time;
多了個(gè)Date響應(yīng)!
因?yàn)闀r(shí)間一直在變,所以每次點(diǎn)看不清,都會(huì)再向服務(wù)器請(qǐng)求一次,而不會(huì)因?yàn)闉g覽器的緩存,而不去請(qǐng)求了。
驗(yàn)證碼就先到這里結(jié)束啦。
更多關(guān)于驗(yàn)證碼的文章請(qǐng)點(diǎn)擊查看:《java驗(yàn)證碼》
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Java 隨機(jī)生成驗(yàn)證碼(支持大小寫字母、數(shù)字、隨機(jī)字體)的實(shí)例
- java 圖片驗(yàn)證碼的實(shí)現(xiàn)代碼
- java登錄驗(yàn)證碼實(shí)現(xiàn)代碼
- Java實(shí)現(xiàn)驗(yàn)證碼具體代碼
- java實(shí)現(xiàn)驗(yàn)證碼類生成中文驗(yàn)證碼
- java生成圖片驗(yàn)證碼實(shí)例代碼
- Java實(shí)現(xiàn)圖片驗(yàn)證碼具體代碼
- java實(shí)現(xiàn)登錄驗(yàn)證碼功能
- Java實(shí)現(xiàn)簡(jiǎn)單文字驗(yàn)證碼以及人機(jī)驗(yàn)證
相關(guān)文章
Java算法實(shí)現(xiàn)調(diào)整數(shù)組順序使奇數(shù)位于偶數(shù)之前的講解
今天小編就為大家分享一篇關(guān)于Java算法實(shí)現(xiàn)調(diào)整數(shù)組順序使奇數(shù)位于偶數(shù)之前的講解,小編覺得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來看看吧2019-01-01導(dǎo)出maven項(xiàng)目依賴的jar包(圖文教程)
下面小編就為大家?guī)硪黄獙?dǎo)出maven項(xiàng)目依賴的jar包(圖文教程)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10詳解Java動(dòng)態(tài)字節(jié)碼技術(shù)
Java字節(jié)碼增強(qiáng)指的是在Java字節(jié)碼生成之后,對(duì)其進(jìn)行修改,增強(qiáng)其功能,可減少冗余代碼,提高性能等。本文將詳細(xì)介紹Java動(dòng)態(tài)字節(jié)碼技術(shù)。2021-05-05SpringBoot使用YML文件進(jìn)行多環(huán)境配置的三種方法
SpringBoot通過其靈活的配置機(jī)制,使得在不同環(huán)境中管理應(yīng)用設(shè)置變得簡(jiǎn)單,尤其是使用YAML文件進(jìn)行配置,它提供了一種簡(jiǎn)潔、易讀的方式來定義應(yīng)用的配置,本文將探討在SpringBoot中使用YAML文件進(jìn)行多環(huán)境配置的三種方法,需要的朋友可以參考下2024-04-04