通過rust實現(xiàn)自己的web登錄圖片驗證碼功能

更新時間：2025年03月04日 11:13:28 作者：TPCloud

本文介紹了如何使用Rust和imagecrate庫生成圖像驗證碼,首先,通過Cargo.toml文件添加image依賴,然后,生成純色圖片并編輯驗證圖片,接著,編寫隨機函數(shù)獲取字符,并通過循環(huán)生成驗證碼圖片,最終,通過運行函數(shù)驗證驗證碼圖片是否生成,感興趣的朋友一起看看吧

在進行web系統(tǒng)開發(fā)時，為保障系統(tǒng)登錄安全，登錄頁面中的驗證碼必不可少。在java中，我們可以利用相應的2D圖像庫快速生成圖形驗證碼，而對于rust，我們沒有合適的標準庫進行圖像驗證碼的生成。今天，我們通過使用image crate，通過rust生成圖像驗證碼。

一、加入依賴

我們通過cargo，在我們的項目中引入image依賴。

我們查看項目中的Cargo.toml文件，可以看到我們加入了image crate依賴。

[package]
name = "app-web1"
version = "0.1.0"
edition = "2021"
[dependencies]
actix-files = "0.6.6"
actix-web = "4.9.0"
captcha = "0.0.9"
image = "0.25.5"
oracle = "0.6.3"
rand = "0.9.0"
serde = "1.0.218"

二、生成純色圖片

通過代碼生成一個長80，高25的純色圖片。

    let img2 = RgbImage::from_pixel(80, 25, Rgb([226,226,240]));
    img2.save("codeimage.jpg").expect("jpg save failed");

我們查看生成的圖片信息：

我們再通過代碼生成四分之一長，高度也為25的純色圖片，用來存儲我們的驗證字母和數(shù)字。

    let img2 = RgbImage::from_pixel(20, 25, Rgb([226,226,240]));
    img2.save("A.jpg").expect("jpg save failed");

三、編輯驗證圖片

通過翻閱image crate的依賴庫，尚未發(fā)現(xiàn)直接在圖片中寫入文字的方法，故本人通過手工添加26個字符和10個數(shù)字的方式，完成隨機字母和數(shù)字圖片的編輯。

四，隨機函數(shù)編寫

我們通過編寫一個隨機獲取我們指定字符的函數(shù)，為后續(xù)隨機生成驗證圖片提供支持。

fn ge_code_char()-> char{
    let mut rng = rand::rng();
    let s = "ABCDEFGHJKLMNPRSTUVWXYZ0123456789";
    s.chars().choose(&mut rng).unwrap()
}

五，生成驗證碼圖片

我們通過循環(huán)獲取驗證字符，并通過拼接字符圖片到我們的驗證碼圖片，最終生成我們需要的驗證碼圖片。

pub fn ge_code_img(){
    //生成一個寬度為70，高為25的顏色為Rgb([226,226,240]的圖像，并保存為文件
    let mut img2 = RgbImage::from_pixel(80, 25, Rgb([226,226,240]));
    for i in 0..4{
        let c = ge_code_char();
        let cp = c.to_string()+".jpg";
        let img3 = ImageReader::open(cp).expect("open A.jpg failed").decode().expect("decode failed");
        img2.copy_from(&(img3.to_rgb8()), i*20, 0).expect("copy from sub img failed!");
    }
    img2.save("codeimage.jpg").expect("jpg save failed");
}

我們運行函數(shù)，驗證隨機驗證碼圖片是否生成：

第一次：