自己写的一个图形验证码页面(Asp.Net2.0通过)

原创 2007年09月29日 11:42:00

项目需要,要在首页登录界面添加一个图形验证码,赶时髦吧,网上一搜,特别多,找了几个,都不太满意。主要问题是大部分代码生成的图片宽度不唯一,页面布局不容易控制,其次是颜色单一,有些又过于抽象,不仔细看很容易弄错。针对特定的客户,我只需要“图片”长宽固定,颜色多样的数字图形验证码,借鉴网上的现有代码,自己操刀完成,以下是效果图:


原理不复杂,就是把网页当画布,运用各色画笔,在特定区域内画出数字,然后以特定格式(本例为PNG格式)发回客户端,在IE中显示为"图片",用于验证的字符串存于Session中。

主要代码如下:
//  生成随机数字字符串
public string GetRandomNumberString(int int_NumberLength)
{
    string str_Number = string.Empty;
    Random theRandomNumber = new Random();

    for (int int_index = 0; int_index < int_NumberLength; int_index++)
        str_Number += theRandomNumber.Next(10).ToString();

    return str_Number;
}
生成随机颜色
public Color GetRandomColor()
{
    Random RandomNum_First = new Random((int)DateTime.Now.Ticks);
    //  对于C#的随机数,没什么好说的
    System.Threading.Thread.Sleep(RandomNum_First.Next(50));
    Random RandomNum_Sencond = new Random((int)DateTime.Now.Ticks);      

    //  为了在白色背景上显示,尽量生成深色
    int int_Red = RandomNum_First.Next(256);
    int int_Green = RandomNum_Sencond.Next(256);
    int int_Blue = (int_Red + int_Green > 400) ? 0 : 400 - int_Red - int_Green;
    int_Blue = (int_Blue > 255) ? 255 : int_Blue;

    return Color.FromArgb(int_Red, int_Green, int_Blue);
}
根据验证字符串生成最终图象
public void CreateImage(string str_ValidateCode)
{
    int int_ImageWidth = str_ValidateCode.Length * 13;
    Random newRandom = new Random();
    //  图高20px
    Bitmap theBitmap = new Bitmap(int_ImageWidth, 20);
    Graphics theGraphics = Graphics.FromImage(theBitmap);
    //  白色背景
    theGraphics.Clear(Color.White);
    //  灰色边框
    theGraphics.DrawRectangle(new Pen(Color.LightGray, 1), 0, 0, int_ImageWidth - 1, 19);
   
    //  10pt的字体
    Font theFont = new Font("Arial", 10);

    for (int int_index = 0; int_index < str_ValidateCode.Length; int_index++)
    {           
        string str_char = str_ValidateCode.Substring(int_index, 1);
        Brush newBrush = new SolidBrush(GetRandomColor());
        Point thePos = new Point(int_index * 13 + 1 + newRandom.Next(3), 1 + newRandom.Next(3));
        theGraphics.DrawString(str_char, theFont, newBrush, thePos);
    }

    //  将生成的图片发回客户端
    MemoryStream ms = new MemoryStream();
    theBitmap.Save(ms, ImageFormat.Png);

    Response.ClearContent(); //需要输出图象信息 要修改HTTP头
    Response.ContentType = "image/Png";
    Response.BinaryWrite(ms.ToArray());
    theGraphics.Dispose();
    theBitmap.Dispose();
    Response.End();
}

最后在Page_Load中调用以上代码

private void Page_Load(object sender, System.EventArgs e)
{     
    if(!IsPostBack)
    {
        //  4位数字的验证码
        string str_ValidateCode = GetRandomNumberString(4);
        //  用于验证的Session
        Session["ValidateCode"] = str_ValidateCode;
        CreateImage(str_ValidateCode);
    }
}
使用的时候在页面中加入一个Image,将图片路径改为ValidateCode.aspx的相对路径即可

在需要验证的地方填入如下代码:
if (TextBox1.Text == Session["ValidateCode"].ToString())
{
    TextBox1.Text = "正确!";
}
else
    TextBox1.Text = "错误!";OK,基本搞定,总结一下:
优点:1. 简单明了,适于简单运用
          2. 界面友好,图片长宽格式固定
缺点:1. 如果有多个页面都需要此验证码,则会导致Session被其它页面重写的情况,可以考虑指定具体Session值为效验值
         2. 暂时只支持数字,不过更改GetRandomNumberString()中的代码可以实现指定字符机的随机字符串
         3. 页面刷新后验证码随之改变

 

自己写的一个图形验证码页面(Asp.Net2.0通过)

项目需要,要在首页登录界面添加一个图形验证码,赶时髦吧,网上一搜,特别多,找了几个,都不太满意。主要问题是大部分代码生成的图片宽度不唯一,页面布局不容易控制,其次是颜色单一,有些又过于抽象,不仔细看很...
  • my98800
  • my98800
  • 2016年09月23日 20:59
  • 112

自动识别图形验证码

现在大多数网站都采用了验证码来防止暴力破解或恶意提交。但验证码真的就很安全吗?真的就不能被机器识别?? 我先讲讲我是怎么实现站外提交留言到一个网站的程序。 这个网站的留言版大致如下: ...
  • fengyee_zju
  • fengyee_zju
  • 2013年12月21日 22:21
  • 1087

JS如何制作图形验证码

实际效果第一步我们来到要展示验证码的页面,当我们按下营业执照的时候让其,弹出一个弹框,弹框的上面就是验证码,如图一所示: (图一)弹框的样式如图二所示: (图二)我们要对验证码的值进行校验,判断验...
  • qq_24147051
  • qq_24147051
  • 2016年09月13日 10:17
  • 6244

H5学习之路-图片验证码的实现

验证码想必大家都经常遇到,今天就给大家介绍一个比较简单的图片验证码的实现。 要实现验证码主要分生成和验证两步。首先生成,就是指某个用户看到验证码后台立马生成的,然后把这个生成图片的字符串保存放在se...
  • qiyongkang520
  • qiyongkang520
  • 2017年02月07日 23:29
  • 2987

如何写一个含验证码的登录界面

如何写一个含验证码的登录界面标签: 验证码,登录界面,jquery一个包含用户名,密码,验证码的简单的登陆界面,如下图所示:首先是 HTML 代码: ...
  • github_37483541
  • github_37483541
  • 2017年02月09日 18:19
  • 6118

手机端产生本地图形验证码

650) this.width=650;" title="捕获.PNG" src="http://s3.51cto.com/wyfs02/M01/72/CE/wKiom1XtbzWy6k_fAACxj...
  • jethai
  • jethai
  • 2016年08月28日 14:03
  • 292

一个Maven实现的验证码模块

下面是Maven构建的实现账户注册服务的account-captcha模块,该模块负责处理账户注册时key生成、图片生成以及验证等。...
  • zhang_zp2014
  • zhang_zp2014
  • 2015年07月24日 23:08
  • 1349

图形验证码乱码

在本地运行时验证码正常,但部署到阿里云环境: 产生了如下乱码问题: 问题的关键两点: 1、查看JDK本身的字体是否有问题:位置: $JAVA_HOME/jre/lib/fonts/ ...
  • zhangming1013
  • zhangming1013
  • 2017年10月24日 10:41
  • 784

Java生成验证码并进行验证

一、实现思路 使用BufferedImage用于在内存中存储生成的验证码图片使用Graphics来进行验证码图片的绘制,并将绘制在图片上的验证码存放到session中用于后续验证最后通过Imag...
  • M_Jack
  • M_Jack
  • 2017年11月22日 15:31
  • 147

项目部署到阿里云 登录页面图形验证码乱码

有时java项目部署到阿里云机器上,登录页面的图形验证码有可能是乱码,如下图所示 分析了java中生成验证码的方法 String s = RandomStringUtils.ran...
  • jack__love
  • jack__love
  • 2017年11月19日 16:06
  • 531
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:自己写的一个图形验证码页面(Asp.Net2.0通过)
举报原因:
原因补充:

(最多只允许输入30个字)