Servlet | 用 Response 搞一個驗證碼

阿新 • • 發佈：2021-02-07

技術標籤：JavaWeb javascript html5 servlet java

解釋說明都在註釋裡面了，直接上程式碼：

package com.wzq.response;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax. 
servlet.http.HttpServletResponse;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;

@WebServlet("/checkCodeServlet")
public class CheckCodeServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) 
 throws ServletException, IOException {

        int width = 100,height = 50;
        //1. 建立一個物件，在記憶體中生成圖片（驗證碼圖片物件）
        BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);

        //2. 美化圖片
        //2.1 填充背景色
        Graphics g = image.getGraphics();   //畫筆物件
        g.setColor 
(Color.pink);
        g.fillRect(0,0,width,height);

        //2.2 畫邊框
        g.setColor(Color.BLUE);
        g.drawRect(0,0,width-1,height-1);

        //2.3 生成隨機字元
        String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890";
        Random ran = new Random();
        for (int i = 1; i <= 4 ; i++) {
            int index = ran.nextInt(str.length());
            char ch = str.charAt(index);
            g.drawString(ch+"",width/5*i,height/2);
        }

        //2.4 畫干擾線
        g.setColor(Color.GREEN);
        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);
            g.drawLine(x1,y1,x2,y2);
        }

        //3. 將圖片輸出到頁面展示
        ImageIO.write(image,"jpg",response.getOutputStream());
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request,response);
    }
}

html頁面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>驗證碼</title>

    <script>
        window.onload = function () {
            var img = document.getElementById("checkCode");
            img.onclick = function () {
                var date = new Date().getTime();
                //加時間戳是為了不重複的請求資源
                img.src = "/ResponseDemo/checkCodeServlet?"+date;  
            }
        }
    </script>

</head>
<body>
    <img id="checkCode" src="/ResponseDemo/checkCodeServlet">
</body>
</html>

效果：
在這裡插入圖片描述

Servlet | 用 Response 搞一個驗證碼

技術標籤：JavaWebjavascripthtml5servletjava 解釋說明都在註釋裡面了，直接上程式碼：

Servlet輸出一個驗證碼圖片的實現方法例項

什麼是Servlet Servlet（Server Applet），全稱Java Servlet，未有中文譯文。是用Java編寫的伺服器端程式。其主要功能在於互動式地瀏覽和修改資料，生成動態Web內容。狹義的Servlet是指Java語言實現的一個介面，廣義

Python編寫一個驗證碼圖片資料標註GUI程式附原始碼

做驗證碼圖片的識別，不論是使用傳統的ORC技術，還是使用統計機器學習或者是使用深度學習神經網路，都少不了從網路上採集大量相關的驗證碼圖片做資料集樣本來進行訓練。

Spring Security 實戰乾貨：從零手寫一個驗證碼登入

1. 前言前面關於Spring Security寫了兩篇文章，一篇是介紹UsernamePasswordAuthenticationFilter，另一篇是介紹 AuthenticationManager。很多同學表示無法理解這兩個東西有什麼用，能解決哪些實際問題？所以今天就

訓練出一個驗證碼模型，驗證碼識別100%？就很棒

本文的文字及圖片來源於網路,僅供學習、交流使用,不具有任何商業用途,版權歸原作者所有,如有問題請及時聯絡我們以作處理

PHP做一個驗證碼效果

技術標籤：PHP <?php header(\'Content-type:image/jpeg\'); //輸出格式 // header(\'Content-type:text/html\');

黑產用“未來武器”破解驗證碼，打碼小工都哭了

當我們正討論如何用AI推動產業升級、改變未來生活時，不法分子也在研究AI技術，並通過各種手段非法牟利。近日，騰訊守護者計劃安全團隊協助警方打掉市面上最大打碼平臺“快啊答題”，挖掘出一條從撞庫盜號、破解驗證

用python實現一個簡單的驗證碼

我們經常在登入一個網站，或者註冊的時候需要輸入一個驗證碼，有時候覺得很煩，因為有些驗證碼不僅複雜還看不清，許多使用者就會因為這些而懶得再登入或者註冊之類的。

servlet response輸出驗證碼

下面是兩個工具程式碼：一個是生成驗證碼字串，一個是生成驗證碼圖片（它是基於生成驗證碼字串類的）

使用Servlet和谷歌 kaptcha做一個簡單驗證碼

使用谷歌 kaptcha做一個簡單驗證碼的步驟: 匯入谷歌驗證碼的 jar 包 - kaptcha-2.3.2.jar

四步，搞定一個簡訊驗證碼登入！

1、構造手機驗證碼：使用random物件生成要求的隨機數作為驗證碼，例如4位驗證碼:1000~9999之間隨機數；

javaweb servlet生成簡單驗證碼

本文例項為大家分享了javaweb servlet生成驗證碼的具體程式碼，供大家參考，具體內容如下

laravel passport api認證, 用簡訊驗證碼登入獲取 token

laravel api 認證使用了 passport 的密碼驗證方式,在做手機簡訊驗證碼登入時,由於獲取不到明文密碼,無法獲取 token

Servlet+JDBC實現登陸功能的小例子(帶驗證碼)

案例需求：訪問帶有驗證碼的登入頁面login.jsp使用者輸入使用者名稱，密碼以及驗證碼。如果使用者名稱和密碼輸入有誤，跳轉登入頁面，提示:使用者名稱或密碼錯誤如果驗證碼輸入有誤，跳轉登入頁面，提示：驗證碼錯誤

vue實現一個6個輸入框的驗證碼輸入元件功能的例項程式碼

要實現的功能：完全和單輸入框一樣的操作，甚至可以插入覆蓋： 1，限制輸入數字

[Asp.Net Core]用Blazor Server Side實現圖片驗證碼

關於Blazor 由於在國內,Blazor一點都不普及,在閱讀此文前,建議讀者先翻看我之前寫的隨筆,瞭解Blazor Server Side的特點.

使用.Net Core實現的一個圖形驗證碼

SimpleCaptcha是一個使用簡單，基於.Net Standard 2.0的圖形驗證碼模組。它的靈感來源於Edi.Wang的這篇文章https://edi.wang/post/2018/10/13/generate-captcha-code-aspnet-core，我將其中生成驗證碼的程式碼抽取出

文字識別還能這樣用？通過Python做文字識別到破解圖片驗證碼

前期準備 1. 安裝包，直接在終端上輸入pip指令即可： # 傳送瀏覽器請求 pip3 install requests

spring boot:用redis+lua限制簡訊驗證碼的傳送頻率(spring boot 2.3.2)

一，為什麼要限制簡訊驗證碼的傳送頻率? 1,簡訊驗證碼每條簡訊都有成本制約，

selenum破解驗證碼要用到的程式碼

獲取驗證碼圖片程式碼 from selenium import webdriver from PIL import Image # 第一步：建立一個瀏覽器

Servlet | 用 Response 搞一個驗證碼

相關推薦