實現網站驗證碼切換功能

来源:http://www.cnblogs.com/Renyi-Fan/archive/2017/10/31/7761824.html
-Advertisement-
Play Games

實現網站驗證碼切換功能 一、樣例 樣例1、 樣例2、 二、實現原理 三、實現代碼 com.fry.servlet.VerifyCodeServlet verifyCode.html 要讓按鈕一直能點 ...


 實現網站驗證碼切換功能

一、樣例

 樣例1、

樣例2、

 

 

 

 

 二、實現原理

 

 

三、實現代碼

com.fry.servlet.VerifyCodeServlet

 1 package com.fry.servlet;
 2 
 3 import javax.imageio.ImageIO;
 4 import javax.servlet.ServletException;
 5 import javax.servlet.annotation.WebServlet;
 6 import javax.servlet.http.HttpServlet;
 7 import javax.servlet.http.HttpServletRequest;
 8 import javax.servlet.http.HttpServletResponse;
 9 import java.awt.*;
10 import java.awt.image.BufferedImage;
11 import java.io.IOException;
12 import java.util.Random;
13 
14 /**
15  * Created by fry on 2017/5/31.
16  */
17 @WebServlet(name = "VerifyCodeServlet", urlPatterns = "/code")
18 public class VerifyCodeServlet extends HttpServlet {
19     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
20 
21     }
22 
23     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
24         int width = 100;
25         int height = 30;
26 
27         String data = "abcdefghijklmnopqrst01234567890";
28 
29         Random random = new Random();
30         //1、用BufferedImage生成一張圖片,最後一個參數是圖片類型
31         BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
32 
33         //3、調用image的畫圖對象
34         Graphics graphics = image.getGraphics();
35         graphics.setColor(Color.gray);
36         //左上角和右下角
37         graphics.fillRect(0, 0, width, height);
38 
39 
40         graphics.setColor(Color.black);
41         for (int i = 0; i < 4; i++) {
42             //4、隨機生成字元串,取到隨機的位置,就取到了隨機的字元串
43             int position = random.nextInt(data.length());
44             String randomStr = data.substring(position, position + 1);//分割字元串
45             graphics.drawString(randomStr, width / 5 * (i + 1), 15);//畫字元串
46 
47         }
48 
49         //2、ImageIO的write()方法可以將圖片轉化為OutputStream類型
50         /**
51          * 第二個參數是要格式化的類型
52          * 最後一個參數是將格式化的圖片寫到response的輸出流中
53          */
54         ImageIO.write(image, "jpg", response.getOutputStream());
55 
56 
57     }
58 }

 

verifyCode.html

 要讓按鈕一直能點

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8 
 9 </body>
10 <center>
11     <h2>切換驗證碼</h2>
12 <!--js代碼-->
13 <script>
14     function changeImageCode() {
15         document.getElementById('btn').isDisabled=true;
16         <!-- 為了使每次的驗證碼都不一樣,防止頁面緩存,所以加上時間,ts是get方式請求傳過去的參數,每次的請求都不一樣,所以頁面沒法緩存-->
17         document.getElementById('identity').src='code?ts='+new Date().getTime();
18     }
19 </script>
20     <!--從servlet的映射是code的servlet處獲取圖片-->
21     <image  src="code"  id="identity" onload="btn.disable=false;" style="cursor:pointer; vertical-align:middle"></image>
22     <input type="button" value="看不清,更換驗證碼" onclick="changeImageCode()" id="btn"  style="vertical-align:middle">
23 
24 </center>
25 </html>

 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • JSTL簡介 用的時候: ...
  • 我們可以通過這樣子的方式去理解apache的工作原理 1 單進程TCP服務(堵塞式) 這是最原始的服務,也就是說只能處理個客戶端的連接,等當前客戶端關閉後,才能處理下個客戶端,是屬於阻塞式等待 這種阻塞型自然不適合處理多客戶端的請求,於是有了改版 2 多進程服務 採取多進程處理多客戶端連接請求,對單 ...
  • 一、引用類型有哪些 類 介面 數組 枚舉 註解 以上五種為引用數據類型, 我們現在學了其中的兩種 使用new關鍵字創建出來的類型都是引用數據類型 二、什麼是地址傳遞 引用數據類型有兩塊存儲空間 一個在棧(Stack)中,一個在堆(heap)中。 棧中存放的是堆中的地址 當我們把引用類型當作參數傳遞時 ...
  • jvm 垃圾回收 註意 : 本系列文章為學習系列,部分內容會取自相關書籍或者網路資源,在文章中間和末尾處會有標註 垃圾回收的意義 它使得java程式員不再時時刻刻的關註記憶體管理方面的工作. 垃圾回收機制會自動的管理jvm記憶體空間,將那些已經不會被使用到了的"垃圾對象"清理掉",釋放出更多的空間給其他 ...
  • 說明 嚴格意義上這個純模版不算原創,但是已經是理解整理後的 (加入我的代碼風格) 因為當時開了好幾個網頁,找不到參考 (包括但不限於高精度演算法( =4),n進位轉m進位( =2),c++重載運算符( =3)) 了, 如果原作者 (內容主要是來自那個模版) 看到,可以聯繫我,我會在開頭加入參考鏈接 適 ...
  • 首先你要知道什麼是php的魔術方法,它不是變魔術的,如果你想學習變魔術來錯地方了哦! 定義:PHP 將所有以 __(兩個下劃線)開頭的類方法保留為魔術方法。所以在定義類方法時,除了上述魔術方法,建議不要以 __ 為首碼。 作用:利用模式方法可以輕鬆實現PHP面向對象中重載(Overloading即動 ...
  • 對於進行nuget打包時,有時我們需要添加一個配置文件,就是一些文本文件,而這些文件我們在網站發佈時需要同時複製到輸出目錄,否則會出現文件丟失的問題,我們在打包時通過添加powershell腳本來解決它。 一般添加powershell包之後,包的格式如下 添加-〉工具-〉install.ps1腳本 ...
  • 首先不得不提的一個概念是, 類 與 對象; 這在 任何面向對象的語言中, 都是一個優先度極高的概念, 我首先瞭解到的概念則是: 類是對象的集合, 是對象的抽象化, 對象是類的實例, 是類的具象化. 在歸納總結中, 將具有某些共同屬性 及 方法的概念, 實物, 進行抽象化, 就是在 java 中常常談 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...