Web编程 订阅所有【Web编程】的日志

一个很COOL的图片验证码程序[含源码]

编辑:dnawo 日期:2007-12-28

字体大小: 小 中 大
声明：本程序系本人原创，引用时请保留以下信息：
--------------------------------------------------------------------------------
阿山Net [MSN:a3news(AT)hotmail.com]
http://www.zpxp.com 萝卜鼠在线图形图像处理
http://www.wingoon.com
--------------------------------------------------------------------------------

一、先看看效果

http://www.wingoon.com首页登录口(大小为:75*21)
http://app.wingoon.com/job/member/member_login.aspx?requestUrl=/job/member/index.aspx(大小为:100*32)

制作步骤：

⑴ 准备你想要的多张图片（数量不限，由你自己决定），将它们放在一个统一的目录下，比如我这里是“ValidateCodeImg”。图片尺寸尽量适合你的验证码尺寸。这样有利于达到最佳性能比。
⑵ 将以下代码分别COPY到你的工程目录下（记得放在ValidateCodeImg目录的上一级目录中）。

二、相关代码

1、// ValidateCode.aspx页面:
-----------------------------------------
复制内容到剪贴板程序代码 程序代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ValidateCode.aspx.cs" Inherits="Comm_ValidateCode" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>生成图片验证码</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
    </div>
    </form>
</body>
</html>

2、// ValidateCode.aspx.cs
--------------------------------------
复制内容到剪贴板程序代码 程序代码
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Drawing;
using System.Drawing.Imaging;
using System.IO;

public partial class Comm_ValidateCode : System.Web.UI.Page
{
    int _width = 75;
    int _height = 21;
//    int _width = 128;
//    int _height = 40;
    string imgDir = @"ValidateCodeImg";
    public int Width
    {
        get
        {
            return _width;
        }
        set
        {
            _width = value;
        }
    }

    public int Height
    {
        get
        {
            return _height;
        }
        set
        {
            _height = value;
        }
    }

    protected void Page_Load(object sender, EventArgs e)
    {
        if (Request.QueryString["w"] != null)
        {
            try
            {
                this._width = int.Parse(Request.QueryString["w"].Trim());
            }
            catch (Exception exc)
            {
                //
            }
        }
        if (Request.QueryString["h"] != null)
        {
            try
            {
                this._height = int.Parse(Request.QueryString["h"].Trim());
            }
            catch (Exception exc)
            {
                //
            }
        }
        //  4位数字的验证码
        if (!IsPostBack)
        {
            string str_ValidateCode = GetRandomNumberString(4);
            //用于验证的Session
            Session["ValidateCode"] = str_ValidateCode;
            CreateImage(str_ValidateCode);
        }
    }

    //  生成随机数字字符串
    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);
        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 FileInfo[] GetAllFilesInPath(string path)
    {
        System.IO.DirectoryInfo di = new DirectoryInfo(path);

        return di.GetFiles("*.jpg", SearchOption.TopDirectoryOnly);
    }

    public string GetRandomFile(string path)
    {
        FileInfo[] fi = this.GetAllFilesInPath(path);
        Random rand = new Random(new Guid().GetHashCode() + (int)DateTime.Now.Ticks);
        int k = rand.Next(0, fi.Length);

        return fi[k].FullName;
    }

    public int GetRandomAngle()
    {
        Random rand = new Random((int)DateTime.Now.Ticks);
        System.Threading.Thread.Sleep(rand.Next(50));
        return rand.Next(-45, 45);
    }

    //根据验证字符串生成最终图象
    public void CreateImage(string str_ValidateCode)
    {
        //int int_ImageWidth = str_ValidateCode.Length * 13;
        //int width = int_ImageWidth;
        int int_ImageWidth = this.Width;
        int width = int_ImageWidth;

        int height = this.Height;

        string filePath = Server.MapPath(imgDir);
        Bitmap bgImg = (Bitmap)Bitmap.FromFile(GetRandomFile(filePath));

        Random newRandom = new Random();
        //  图高20px
        Bitmap theBitmap = new Bitmap(width, height);
        Graphics theGraphics = Graphics.FromImage(theBitmap);
        theGraphics.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.HighQualityBicubic;
        theGraphics.CompositingQuality = System.Drawing.Drawing2D.CompositingQuality.HighQuality;
        theGraphics.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
        theGraphics.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias;
        //  白色背景
        //theGraphics.Clear(Color.White);
        theGraphics.DrawImage(bgImg, new Rectangle(0, 0, width, height), new Rectangle(0, 0, bgImg.Width, bgImg.Height), GraphicsUnit.Pixel);
        //  灰色边框
        theGraphics.DrawRectangle(new Pen(Color.LightGray, 1), 0, 0, int_ImageWidth - 1, height - 1);

        //13pt的字体
        float fontSize = this.Height * 1.0f / 1.38f;
        float fontSpace = fontSize / 7f;
        Font theFont = new Font("Arial", fontSize);
        System.Drawing.Drawing2D.GraphicsPath gp = null;
        System.Drawing.Drawing2D.Matrix matrix;
        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)(int_index * (fontSize + fontSpace) + newRandom.Next(3)), 1 + newRandom.Next(3));
            gp = new System.Drawing.Drawing2D.GraphicsPath();
            gp.AddString(str_char, theFont.FontFamily, 0, fontSize, thePos, new StringFormat());
            matrix = new System.Drawing.Drawing2D.Matrix();
            int angle = GetRandomAngle();
            PointF centerPoint = new PointF(thePos.X + fontSize / 2, thePos.Y + fontSize / 2);
            matrix.RotateAt(angle, centerPoint);
            theGraphics.Transform = matrix;
            theGraphics.DrawPath(new Pen(Color.White, 2f), gp);
            //theGraphics.FillPath(new SolidBrush(Color.Black), gp);
            theGraphics.FillPath(new SolidBrush(GetRandomColor()), gp);
            theGraphics.ResetTransform();
        }

        if (gp != null) gp.Dispose();

        //  将生成的图片发回客户端
        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();
    }
}

三、如何使用？

1、引用验证码图形时：
<img src="ValidateCode.aspx?w=100&h=32" id="ValidateCodeAuto" width="100" height="32" align="absmiddle" />   <a href="#" onclick="Javascript:var now=new Date();var number = now.getSeconds(); document.getElementById('ValidateCodeAuto').src='ValidateCode.aspx?w=100&h=32&dd=' + number;">看不清楚</a>
2、验证时，判断用户输入验证码是否等于 Session["ValidateCode"] 即可。
3、其他说明：
⑴ 上面有两个参数w和h，是用来定义图形验证码大小的。比如你想将你验证码设置为128*40时，你只需要ValidateCode.aspx?w=128&h=40，然后将图片引用后面的Width,Height改成：width="128" height="40" 即可。对应的，看不清楚的Javascript代码也需要将src='ValidateCode.aspx?w=100&h=32改成：src='ValidateCode.aspx?w=128&h=40。
⑵ “看不清楚”处还有一个参数dd，是用来做生成随机值以便更新验证码图片的。

上一篇: C# 验证码的三种做法[纯数字][纯汉字][字母\数字\汉字混合]
下一篇: 合并委托（多路广播委托）
文章来自: 网络
引用通告: 查看所有引用 | 我要引用此文章
Tags:
最新日志:
评论: 0 | 引用: 0 | 查看次数: 4141
发表评论
请登录后再发表评论！