没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
全文可编辑 word 文档 页眉与背景水印可删除
1
Asp.net Web Api 实现图片点击式图片验证
码功能
现在验证码的形式越来越丰富,今天要实现的是在点击
图片中的文字来进行校验的验证码,如图
这种验证码验证是验证鼠标是否选中了图片中文字的
位置,以及选择的顺序,产生验证码的时候可以提供一组底
图,然后随机获取一张图片,随机选取几个字,然后把文字
的顺序打乱,分别随机放到图片的一个位置上,然后记录文
字的位置和顺序,验证的时候验证一下文字的位置和顺序即
可
验证码图片的类
全文可编辑 word 文档 页眉与背景水印可删除
2
/// <summary>
/// 二维码图片
/// </summary>
public class VerCodePic
{
/// <summary>
/// 图片链接
/// </summary>
public string PicURL { get; set; }
/// <summary>
/// 第一个字位置
/// </summary>
public FontPoint Font1 { get; set; }
/// <summary>
/// 第二个字位置
/// </summary>
public FontPoint Font2 { get; set; }
/// <summary>
/// 第三个字位置
/// </summary>
public FontPoint Font3 { get; set; }
/// <summary>
全文可编辑 word 文档 页眉与背景水印可删除
3
/// 第四个字位置
/// </summary>
public FontPoint Font4 { get; set; }
}
/// <summary>
/// 文字位置
/// </summary>
public class FontPoint
{
public int X { get; set; }
public int Y { get; set; }
}
生成验证码图片验证码的方法,在这个方法中指定了生
成的验证码图片中字体大小为 20 个像素,因为验证码底图
的大小是固定的,所以就把验证码底图按照字体的大小分成
了若干个网格位置,指定一个文字在图片中的位置时只需要
随机获取其中一个网格即可,如果这个网格中没有指定过文
字,那就把文字放到这个网格中。
提前设定网格的方法
private static ArrayList _FontPoint;
public static ArrayList FontPoint
{
全文可编辑 word 文档 页眉与背景水印可删除
4
get
{
if (_FontPoint==null)
{
_FontPoint = new ArrayList();
for (int x=0;x<10;x++)
{
for (int y=0;y<5;y++)
{
_FontPoint.Add(new Models.FontPoint()
{ X = x * 28, Y = y * 20 });
}
}
}
return _FontPoint;
}
}
我选定的验证码底图为 280*100 的,所以按照上边的方
法将图片分成了若干个网格,在下边设定一个文字位置的时
候随机选取其中一个位置,而且给每个字都设定了不一样的
颜色
/// <summary>
剩余15页未读,继续阅读
资源评论
mmoo_python
- 粉丝: 0
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功