通过rust实现自己的web登录图片验证码功能
<div id="navCategory"><h5 class="catalogue">目录</h5><ul class="first_class_ul"><li>一、加入依赖</li><li>二、生成纯色图片</li><li>三、编辑验证图片</li><li>四，随机函数编写</li><li>五，生成验证码图片</li></ul></div><p> 在进行web系统开发时，为保障系统登录安全，登录页面中的验证码必不可少。在java中，我们可以利用相应的2D图像库快速生成图形验证码，而对于rust，我们没有合适的标准库进行图像验证码的生成。今天，我们通过使用image crate，通过rust生成图像验证码。</p><p class="maodian"></p><h2>一、加入依赖</h2>
<p> 我们通过cargo，在我们的项目中引入image依赖。</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202503/2025030411104720.png" /></p>
<p> 我们查看项目中的Cargo.toml文件，可以看到我们加入了image crate依赖。</p>
<div class="jb51code"><pre class="brush:plain;">
name = "app-web1"
version = "0.1.0"
edition = "2021"
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"</pre></div>
<p class="maodian"></p><h2>二、生成纯色图片</h2>
<p> 通过代码生成一个长80，高25的纯色图片。</p>
<div class="jb51code"><pre class="brush:plain;"> let img2 = RgbImage::from_pixel(80, 25, Rgb());
img2.save("codeimage.jpg").expect("jpg save failed");</pre></div>
<p> 我们查看生成的图片信息：</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202503/2025030411104721.png" /></p>
<p> 我们再通过代码生成四分之一长，高度也为25的纯色图片，用来存储我们的验证字母和数字。</p>
<div class="jb51code"><pre class="brush:plain;"> let img2 = RgbImage::from_pixel(20, 25, Rgb());
img2.save("A.jpg").expect("jpg save failed");</pre></div>
<p class="maodian"></p><h2>三、编辑验证图片</h2>
<p> 通过翻阅image crate的依赖库，尚未发现直接在图片中写入文字的方法，故本人通过手工添加26个字符和10个数字的方式，完成随机字母和数字图片的编辑。</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202503/2025030411104722.png" /></p>
<p class="maodian"></p><h2>四，随机函数编写</h2>
<p> 我们通过编写一个随机获取我们指定字符的函数，为后续随机生成验证图片提供支持。</p>
<div class="jb51code"><pre class="brush:plain;">fn ge_code_char()-> char{
let mut rng = rand::rng();
let s = "ABCDEFGHJKLMNPRSTUVWXYZ0123456789";
s.chars().choose(&mut rng).unwrap()
}</pre></div>
<p class="maodian"></p><h2>五，生成验证码图片</h2>
<p> 我们通过循环获取验证字符，并通过拼接字符图片到我们的验证码图片，最终生成我们需要的验证码图片。</p>
<div class="jb51code"><pre class="brush:plain;">pub fn ge_code_img(){
//生成一个宽度为70，高为25的颜色为Rgb(的图像，并保存为文件
let mut img2 = RgbImage::from_pixel(80, 25, Rgb());
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");
}</pre></div>
<p> 我们运行函数，验证随机验证码图片是否生成：</p>
<p> 第一次：</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202503/2025030411104723.png" /></p>
<p> 第二次：</p>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202503/2025030411104724.png" /></p>
<p>至此，我们的图片验证码程序完成！</p>
<p>到此这篇关于通过rust实现自己的web登录图片验证码功能的文章就介绍到这了,更多相关rust web登录图片验证码内容请搜索琼殿技术社区以前的文章或继续浏览下面的相关文章希望大家以后多多支持琼殿技术社区！</p>
<div class="art_xg">
<b>您可能感兴趣的文章:</b><ul><li>前端基于Rust实现的Wasm进行图片压缩的技术文档(实现方案)</li></ul>
</div>
</div>
<!--endmain-->
頁:
[1]