前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。
1.生成工具類;
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.FileOutputStream;
import java.util.Random;import javax.imageio.ImageIO;/*** 登陸圖形驗證碼生成工具類* @author JiangYu*/
public class ImageCreate {public static void main(String[] args)throws Exception {//測試new ImageCreate().create(); }//驗證碼字符串private String codeV;public String getCode() {return codeV;}//生成驗證碼public BufferedImage create() throws Exception {// 大小int width = 120;int height = 30;/** Image是一個抽象列,BufferedImage是Image的實現。* Image和BufferedImage的主要作用就是將一副圖片加載到內存中。*/// 聲明一個 RGB格式圖片:圖片類型為rgbBufferedImage img = new BufferedImage(width, height,BufferedImage.TYPE_INT_BGR);// 獲取畫筆Graphics g = img.getGraphics();// 背景色g.setColor(Color.WHITE);// 畫g.fillRect(0, 0, width, height);// 字體g.setFont(new Font("黑體", Font.BOLD, 18));//為codeV傳值 String d ="";// 寫一個字符到imgRandom r = new Random();for (int i = 0; i < 4; i++) {//生成隨機字母 String chars = "ABCDEFGHJKMNOPQRSTUVWXYZ";char codeEnglish = chars.charAt((int)(Math.random() * 24));d += codeEnglish;codeV = d;// 畫筆隨機色g.setColor(new Color(r.nextInt(256), r.nextInt(256), r.nextInt(256)));// 寫出字符g.drawString("" + codeEnglish, i * 30, 10 + r.nextInt(20)); }//干擾線for(int i=0;i<4;i++){g.setColor(new Color(r.nextInt(256), r.nextInt(256), r.nextInt(256)));//畫線g.drawLine(r.nextInt(120), r.nextInt(30), r.nextInt(120), r.nextInt(30));}//圖片生成g.dispose();//設置路徑: 路徑要用到轉義\\
// ImageIO.write(img,"JPEG", new FileOutputStream("H:\\JiangYu\\YanZhengImages\\yanZhengImage.jpg"));return img;}
}
?
?
2. ?調用方法:
?
?
?
?
?
?
/*** 生成圖形驗證碼* @param request* @param response* @throws Exception*/@RequestMapping(value="/getCode")public void getCode(HttpServletRequest request,HttpServletResponse response) throws Exception {ImageCreate i = new ImageCreate();//發送圖片 ImageIO.write(i.create(), "JPEG", response.getOutputStream()); //驗證碼字符 String code = i.getCode().toString(); request.getSession().setAttribute("code", code);}
?
?
?
?
?
3. jsp ?頁面:
?
<div style="margin-bottom: 20px"><input id="code" name="code" type="text" class="easyui-textbox" style="width: 39%;height: 40px; padding: 12px" data-options="prompt:'驗證碼',iconWidth:38" /><!-- 1.浮動提示框效果:easyui-tooltip、2.如果無法顯示圖像,瀏覽器將顯示替代文本:alt屬性 --><a href="#" title="看不清,點擊換一下" class="easyui-tooltip"><img onclick="change()" class="easyui-linkbutton" src="/getCode" id="vimg" alt="" style="height: 40px;" /></a></div>
?
//看不清,點擊換一下function change() {//圖片對象var imgNode = document.getElementById("vimg");$.ajax({url:"/getCode",type:"post",success:function(data){//改變src屬性值 imgNode.src="/getCode?t=" + (new Date()).valueOf();},error:function(){alert(" 驗證碼圖片路徑獲取失敗 !");}});}
?
?
?
?
?