基于ImageSharp实现趣味横生的点选验证

2024-02-21 20:44

本文主要是介绍基于ImageSharp实现趣味横生的点选验证,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

引言

  • 随着安全需求的不断提升,传统的文本验证码已经无法满足防止机器自动识别和攻击的要求。点选式验证码作为一种交互式的验证手段,因其更难被自动化脚本破解而逐渐受到欢迎。利用开源图像处理库SixLabors.ImageSharp来实现点选式验证码功能。

ImageSharp简介

  • ImageSharp介绍 SixLabors.ImageSharp是一个跨平台、无依赖的.NET标准图像处理库,支持多种格式的读写和图像操作,其高性能和丰富的API使得它成为.NET开发者进行图像处理的理想工具。与传统的System.Drawing库相比,ImageSharp具有更高的性能和更灵活的扩展性。

点选验证码原理

  • 点选验证码通常要求用户从一组图片中选择出符合特定条件的图片,如选择包含特定文字或图形的图片。这种验证方式能够有效地阻止自动化脚本的攻击,因为自动化脚本很难模拟人类的视觉和点击操作。

使用ImageSharp点选验证码实现

  • 随机生成点选验证文字
  private readonly static Random _random = new();/// <summary>  /// 生成随机汉字/// </summary>  /// <param name="number"></param>  /// <returns></returns>  private static string GetRandomCode(int number){var str = "天地玄黄宇宙洪荒日月盈昃辰宿列张寒来暑往秋收冬藏闰余成岁律吕调阳云腾致雨露结为霜金生丽水玉出昆冈剑号巨阙珠称夜光果珍李柰菜重芥姜海咸河淡鳞潜羽翔龙师火帝鸟官人皇始制文字乃服衣裳推位让国有虞陶唐吊民伐罪周发殷汤坐朝问道垂拱平章爱育黎首臣伏戎羌遐迩体率宾归王";char[] str_char_arrary = str.ToArray();HashSet<string> hs = new HashSet<string>();bool randomBool = true;while (randomBool){if (hs.Count == number)break;int rand_number = _random.Next(str_char_arrary.Length);hs.Add(str_char_arrary[rand_number].ToString());}string code = string.Join("", hs);return code;}
  • 随机生成点选文字坐标
	/// <summary>/// 获取生成汉子位置随机数/// </summary>/// <param name="min"></param>/// <param name="max"></param>/// <returns></returns>private static int GetRandom(int min, int max){return _random.Next(min, max);}/// <summary>/// 生成坐标/// </summary>/// <returns></returns>private IList<PointModel> GeneratePoint(int originalWidth, int originalHeight,int codeCount){List<PointModel> points = new List<PointModel>();int paddingNum = 20;var sp = (originalWidth - paddingNum * 2) / codeCount;for (var i = 0; i < codeCount; i++){var x = GetRandom(i * sp + paddingNum, (i + 1) * sp - paddingNum);var y = GetRandom(paddingNum, originalHeight - paddingNum*2); //留点边距points.Add(new PointModel(x, y));}return points;}//坐标实体类public class PointModel{/// <summary>/// x坐标/// </summary>public int X { get; set; }/// <summary>/// y坐标/// </summary>public int Y { get; set; }public PointModel(int x, int y){X = x;Y = y;}}
  • 生成点选验证码返回给前端

/// <summary>
/// 转换为相对于图片的百分比单位
/// </summary>
/// <param name="widthAndHeight">图片宽高</param>
/// <param name="xAndy">相对于图片的绝对尺寸</param>
/// <returns>(int:xPercent, int:yPercent)</returns>
private (int, int) ToPercentPos((int, int) widthAndHeight, (int, int) xAndy)
{(int, int) rtnResult = (0, 0);// 注意: int / int = int (小数部分会被截断)rtnResult.Item1 = (int)(((double)xAndy.Item1) / ((double)widthAndHeight.Item1) * 100);rtnResult.Item2 = (int)(((double)xAndy.Item2) / ((double)widthAndHeight.Item2) * 100);return rtnResult;
}/// <summary>/// 生成验证数据/// </summary>/// <returns>object</returns>public async Task<object> GetCaptchaAsync(string captchaKey){//    //获取网络图片//    //var client = new HttpClient();//    //var stream = await client.GetStreamAsync(");//    //client.Dispose();//    //Bitmap baseImage = new Bitmap(stream);//    //stream.Dispose();// TODO: 设置答案: 4个字int answerLength = 4;string imagesDir = Path.Combine(Directory.GetCurrentDirectory(), "wwwroot", "captcha", "clickword");string[] imagesFiles = Directory.GetFiles(imagesDir.ToPath());int imgIndex = _random.Next(imagesFiles.Length);string randomImgFile = imagesFiles[imgIndex];using var baseImage = await Image.LoadAsync<Rgba32>(randomImgFile.ToPath());//重置底图尺寸baseImage.Mutate(x =>{x.Resize(310, 155);});//字体string fontsDir = Path.Combine(Directory.GetCurrentDirectory(), "wwwroot", "captcha", "fonts");string[] fontFiles = new DirectoryInfo(fontsDir.ToPath())?.GetFiles()?.Where(m => m.Extension.ToLower() == ".ttf")?.Select(m => m.FullName).ToArray();int baseWidth = baseImage.Width;int baseHeight = baseImage.Height;//设置字体var fontSize = 32;List<PointModel> data = new List<PointModel>();List<int> pointFontList = new List<int>();//设置颜色Color[] colorArray = { Color.Black, Color.Red, Color.Blue, Color.Green, Color.Orange, Color.Brown, Color.DarkBlue };List<char> fontlist = GetRandomCode(6).ToList();//随机生成拼图坐标IList<PointModel> points = GeneratePoint(baseWidth, baseHeight, fontlist.Count);//实际答案List<string> wordList = new List<string>();for (int i = 0; i < fontlist.Count; i++){FontFamily[] families = SystemFonts.Families.ToArray();FontFamily fontFamily=new FontFamily();if (fontFiles.Length > 0){//随机字体var randomFont = fontFiles[_random.Next(fontFiles.Length)];FontCollection fonts = new FontCollection();fontFamily = fonts.Add(randomFont);}else{if (families.Length > 0){// 随机选择一个索引  int randomIndex = _random.Next(families.Length);fontFamily = families[randomIndex];}}var font = new Font(fontFamily, fontSize, FontStyle.Bold);bool isFinish = false;int restCount = 0;while (!isFinish){restCount++;if (restCount >= 100 || pointFontList.Count>=6)isFinish = true;int fontIndex = _random.Next(points.ToArray().Length);if (!pointFontList.Contains(fontIndex)){pointFontList.Add(fontIndex);if (data.Count < answerLength){(int, int) percentPos = ToPercentPos((baseWidth, baseHeight), (points[fontIndex].X, points[fontIndex].Y));// 添加正确答案 位置数据data.Add(new PointModel(percentPos.Item1, percentPos.Item2));wordList.Add(fontlist[i].ToString());}isFinish = true;// 创建文本选项using var fontImage = new Image<Rgba32>(fontSize, fontSize);fontImage.Mutate(ctx => ctx.DrawText(fontlist[i].ToString(), font, colorArray[_random.Next(colorArray.Length)], new PointF(0, 0)).Rotate(_random.Next(-45, 45)));baseImage.Mutate(o =>{//o.DrawText(fontlist[i].ToString(), font, colorArray[random.Next(colorArray.Length)], new PointF(points[fontIndex].X, points[fontIndex].Y));o.DrawImage(fontImage, new Point(points[fontIndex].X, points[fontIndex].Y),1);});}}}var token = Guid.NewGuid().ToString();var captchaData = new{Token = token,Data = new{BaseImage = baseImage.ToBase64String(PngFormat.Instance),PoinText = "请依次点击: " + string.Join(",", wordList)}};var key = string.Format(captchaKey, token);await _cache.SetAsync(key, data);return captchaData;}
  • 服务器端验证点选验证码
/// <summary>
/// 检查验证数据
/// </summary>
/// <param name="input"></param>
/// <returns></returns>
public async Task<bool> CheckAsync(CaptchaInput input)
{if (input == null || input.Data.IsNull()){return false;}var key = string.Format(input.CaptchaKey, input.Token);if (await _cache.ExistsAsync(key)){try{var point = JsonConvert.DeserializeObject<List<PointModel>>(input.Data);var pointV = await _cache.GetAsync<List<PointModel>>(key);for (int i = 0; i < pointV.Count; i++){if (Math.Abs(pointV[i].X - point[i].X) > 10 || Math.Abs(pointV[i].Y - point[i].Y) > 10){await _cache.DelAsync(key);return false;}}if (input.DeleteCache){await _cache.DelAsync(key);}return true;}catch{await _cache.DelAsync(key);return false;}}else{return false;}
}

最终效果图:
点选验证

参考

  • https://github.com/SixLabors/ImageSharp
  • https://docs.sixlabors.com/

公众号“点滴分享技术猿

关注

这篇关于基于ImageSharp实现趣味横生的点选验证的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/733024

相关文章

Qt把文件夹从A移动到B的实现示例

《Qt把文件夹从A移动到B的实现示例》本文主要介绍了Qt把文件夹从A移动到B的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录如何移动一个文件? 如何移动文件夹(包含里面的全部内容):如何删除文件夹:QT 文件复制,移动(

Flask 验证码自动生成的实现示例

《Flask验证码自动生成的实现示例》本文主要介绍了Flask验证码自动生成的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习... 目录生成图片以及结果处理验证码蓝图html页面展示想必验证码大家都有所了解,但是可以自己定义图片验证码

VSCode配置Anaconda Python环境的实现

《VSCode配置AnacondaPython环境的实现》VisualStudioCode中可以使用Anaconda环境进行Python开发,本文主要介绍了VSCode配置AnacondaPytho... 目录前言一、安装 Visual Studio Code 和 Anaconda二、创建或激活 conda

使用mvn deploy命令上传jar包的实现

《使用mvndeploy命令上传jar包的实现》本文介绍了使用mvndeploy:deploy-file命令将本地仓库中的JAR包重新发布到Maven私服,文中通过示例代码介绍的非常详细,对大家的学... 目录一、背景二、环境三、配置nexus上传账号四、执行deploy命令上传包1. 首先需要把本地仓中要

JAVA封装多线程实现的方式及原理

《JAVA封装多线程实现的方式及原理》:本文主要介绍Java中封装多线程的原理和常见方式,通过封装可以简化多线程的使用,提高安全性,并增强代码的可维护性和可扩展性,需要的朋友可以参考下... 目录前言一、封装的目标二、常见的封装方式及原理总结前言在 Java 中,封装多线程的原理主要围绕着将多线程相关的操

MySQL中实现多表查询的操作方法(配sql+实操图+案例巩固 通俗易懂版)

《MySQL中实现多表查询的操作方法(配sql+实操图+案例巩固通俗易懂版)》本文主要讲解了MySQL中的多表查询,包括子查询、笛卡尔积、自连接、多表查询的实现方法以及多列子查询等,通过实际例子和操... 目录复合查询1. 回顾查询基本操作group by 分组having1. 显示部门号为10的部门名,员

java导出pdf文件的详细实现方法

《java导出pdf文件的详细实现方法》:本文主要介绍java导出pdf文件的详细实现方法,包括制作模板、获取中文字体文件、实现后端服务以及前端发起请求并生成下载链接,需要的朋友可以参考下... 目录使用注意点包含内容1、制作pdf模板2、获取pdf导出中文需要的文件3、实现4、前端发起请求并生成下载链接使

Java的volatile和sychronized底层实现原理解析

《Java的volatile和sychronized底层实现原理解析》文章详细介绍了Java中的synchronized和volatile关键字的底层实现原理,包括字节码层面、JVM层面的实现细节,以... 目录1. 概览2. Synchronized2.1 字节码层面2.2 JVM层面2.2.1 ente

Linux下修改hostname的三种实现方式

《Linux下修改hostname的三种实现方式》:本文主要介绍Linux下修改hostname的三种实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录linux下修改ho编程stname三种方式方法1:修改配置文件方法2:hFvEWEostnamectl命

Java实现数据库图片上传功能详解

《Java实现数据库图片上传功能详解》这篇文章主要为大家详细介绍了如何使用Java实现数据库图片上传功能,包含从数据库拿图片传递前端渲染,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1、前言2、数据库搭建&nbsChina编程p; 3、后端实现将图片存储进数据库4、后端实现从数据库取出图片给前端5、前端拿到