使用背景：
关于滑动验证码的使用场所还是非常多的，如：调取短信接口之前，和 注册请求之前 或者 频繁会调用的接口都需要加这个拼图验证。这里先上一下效果图吧（心中无码，自然高清）。
话不多说，开撸！
实现分析：
滑动验证码的逻辑也很简单。大概说一下：
1，服务器生成主图+附图（从主图裁剪下来的不需要管y坐标）并且存储X坐标；
2，前端传入本地X坐标到服务器。
3，服务器进行计算存储X坐标和本地X坐标相差值；
4，验证相差值是否在 0-2 之间，判断 true | false
后端代码：
准备：
增加SlideCaptcha文件夹，并且增加Captcha.cs CaptchaModel.cs Config.cs ImgFormat.cs 4个文件。分别是：验证，验证实体，配置和图片生成类。代码如下：
Captcha.cs
using System;
using System.Drawing;
using System.Drawing.Drawing2D;
using System.Drawing.Imaging;
using System.IO;
using System.Net;
namespace SliderCaptcha.NET
{
public class Captcha
{
public static Captcha64Model GenerateBase64()
{
CaptchaModel model = Captcha.Generate();
if (model != null)
{
return new Captcha64Model()
{
X = model.X,
Y = model.Y,
Background = ImageToBase64(model.Background,ImageFormat.Jpeg),
Slide = ImageToBase64(model.Slide, ImageFormat.Png)
};
}
else
{
return null;
}
}
///
/// 生成验证码
///
///
/// 获取图片Graphics
///
///
///
/// 获取滑块path
///
private static GraphicsPath GetSliderPath(int x, int y)
{
int l = Config.l;
int r = Config.r;
int b = Config.b;
int c = Config.c;
int d = Config.d;
int blod = Config.blod;
GraphicsPath path = new GraphicsPath(FillMode.Winding);
Point Pa = new Point(x, y);
Point Pb = new Point(x + l / 2 - b, y - c + blod);
Point Pd = new Point(x + l, y);
Point Pe = new Point(Pd.X + c - blod, y + l / 2 - b);
Point Pg = new Point(Pd.X, y + l);
Point Ph = new Point(x, y + l);
Point Pj = new Point(x + c - blod, Pe.Y);
path.AddLine(Pa, Pb);
path.AddArc(x + l / 2 - r, y - d, d, d, 130f, 280f);
path.AddLines(new Point[] { Pd, Pe });
path.AddArc(x + l, y + l / 2 - r, d, d, 220f, 280f);
path.AddLines(new Point[] { Pg, Ph });
path.AddArc(x, y + l / 2 - r, d, d, 140f, -280f);
path.AddLine(Pj, Pa);
return path;
}
///
/// 获取滑块区域
///
///
///
///
///
///
///
/// 裁剪图片
///
///
///
///
///
///
/// 生成随机数
///
///
///
///
/// 取反色
///
///
///
/// 获取背景图
///
///
/// base64转图片
///
///
///
/// 图片转base64
///
///
///
CaptchaModel.cs
using System;
using System.Collections.Generic;
using System.Drawing;
using System.Linq;
using System.Text;
namespace SliderCaptcha.NET
{
public class CaptchaModel
{
public int X { get; set; }
public int Y { get; set; }
public Image Background { get; set; }
public Image Slide { get; set; }
}
public class Captcha64Model
{
public int X { get; set; }
public int Y { get; set; }
public string Background { get; set; }
public string Slide { get; set; }
}
}
using System;
namespace SliderCaptcha.NET
{
public class Config
{
///
/// 矩形宽
///
public static int l = 42;
///
/// 圆形半径
///
public static int r = 9;
///
/// 圆形直径
///
public static int d = r * 2;
///
/// 计算圆形与矩形交接三角形边
///
public static int a = (int)(r * Math.Sin(Math.PI * (50 / 180f)));
public static int b = (int)(r * Math.Cos(Math.PI * (50 / 180f)));
public static int c = r - a;
///
/// 滑块边框
///
public static int blod = 2;
///
/// 水印
///
public static string watermarkText = "SC.NET";
///
/// 是否显示水印
///
public static bool showWatermark = true;
}
}
using System;
using System.Collections.Generic;
using System.Drawing.Imaging;
namespace SliderCaptcha.NET
{
public class ImgFormat
{
private static Dictionary Formats = new Dictionary() {
{"b96b3caa-0728-11d3-9d7b-0000f81ef32e","MemoryBmp"},
{"b96b3cab-0728-11d3-9d7b-0000f81ef32e","Bmp"},
{"b96b3cac-0728-11d3-9d7b-0000f81ef32e","Emf"},
{"b96b3cad-0728-11d3-9d7b-0000f81ef32e","Wmf"},
{"b96b3cae-0728-11d3-9d7b-0000f81ef32e","Jpeg"},
{"b96b3caf-0728-11d3-9d7b-0000f81ef32e","Png"},
{"b96b3cb0-0728-11d3-9d7b-0000f81ef32e","Gif"},
{"b96b3cb1-0728-11d3-9d7b-0000f81ef32e","Tiff"},
{"b96b3cb2-0728-11d3-9d7b-0000f81ef32e","Exif"},
{"b96b3cb5-0728-11d3-9d7b-0000f81ef32e","Icon"}
};
public static ImageFormat FormatFromGuid(ImageFormat format)
{
return FormatFromGuid(format.Guid);
}
public static ImageFormat FormatFromGuid(Guid guid)
{
return FormatFromGuid(guid.ToString());
}
public static ImageFormat FormatFromGuid(string guid)
{
if (Formats.ContainsKey(guid))
{
string name = Formats[guid];
ImageFormat format = null;
switch (name)
{
case "MemoryBmp":
format = ImageFormat.MemoryBmp;
break;
case "Bmp":
format = ImageFormat.Bmp;
break;
case "Emf":
format = ImageFormat.Emf;
break;
case "Wmf":
format = ImageFormat.Wmf;
break;
case "Gif":
format = ImageFormat.Gif;
break;
case "Jpeg":
format = ImageFormat.Jpeg;
break;
case "Png":
format = ImageFormat.Png;
break;
case "Tiff":
format = ImageFormat.Tiff;
break;
case "Exif":
format = ImageFormat.Exif;
break;
case "Icon":
format = ImageFormat.Icon;
break;
}
return format;
}
else
{
return null;
}
}
public static string NameFromGuid(ImageFormat format)
{
return NameFromGuid(format.Guid);
}
public static string NameFromGuid(Guid guid)
{
return NameFromGuid(guid.ToString());
}
public static string NameFromGuid(string guid)
{
if (Formats.ContainsKey(guid))
{
return Formats[guid];
}
else
{
return string.Empty;
}
}
}
}
使用：
这里用的是asp.net mvc 的框架，用的是api接口，前后端分离供前端使用。具体使用根据个人需求，可以是接口调用亦可以是项目调用。
呼声如果很高的话，考虑出一个winfrom版本的滑动验证码~（滑稽）
[HttpGet]
public IHttpActionResult GetCaptcha()
{
Captcha64Model model = Captcha.GenerateBase64();
CacheHelper.Cache.SetCache("sliderX", model.X);
Hashtable ht = new Hashtable();
ht.Add("background", model.Background);
ht.Add("slider", model.Slide);
ht.Add("sliderXXXXX", model.X);
return Json(ht);
}
///
/// 检查验证
///
///
///
前端代码：
Splide Captcha
↻
结语：
到这里基本上就已经完成了，以上前端地址更换成自己的接口即可。正常业务 验证码是很频发的一个操作并且是多用户。所以缓存存储的时候也需要注意一下。
到此这篇关于C#滑动验证码拼图验证功能实现的文章就介绍到这了,更多相关C#滑动验证码拼图验证内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！