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

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

原理不复杂，就是把网页当画布，运用各色画笔，在特定区域内画出数字，然后以特定格式(本例为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的相对路径即可

<img src="validatecode.aspx" />在需要验证的地方填入如下代码:
if (textbox1.text == session["validatecode"].tostring())
{
    textbox1.text = "正确!";
}
else
    textbox1.text = "错误!";

　　ok，基本搞定，总结一下：

　　优点：

　　1. 简单明了，适于简单运用
　　2. 界面友好，图片长宽格式固定

　　缺点：

　　1. 如果有多个页面都需要此验证码，则会导致session被其它页面重写的情况，可以考虑指定具体session值为效验值

　　2. 暂时只支持数字，不过更改getrandomnumberstring()中的代码可以实现指定字符机的随机字符串

　　3. 页面刷新后验证码随之改变

　　抛砖引玉，欢迎各位博友评点