简单的图片验证码

最新推荐文章于 2022-06-01 08:00:00 发布

xqf003

最新推荐文章于 2022-06-01 08:00:00 发布

阅读量1.3k

点赞数

分类专栏： ASP.NET 文章标签： textbox random server asp image string

本文链接：https://blog.csdn.net/xqf003/article/details/3147992

版权

ASP.NET 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

前几天在网上找了关于图片验证码的一些资料,经过整理,已经能实现简单的图片验证码,以下代码为实现图片验证码的详细代码,帖出来共享下,哈哈!整个思路大概是:首先生成一个验证码的随机数,并用cookies保存产生的随机数,后面我们验证的时候得用到,生成随机数后就是画图片了，具体的代码如下：（有更好的办法还望大家指教!）

//首先创建一个 CheckImage.aspx页面，前台没代码，后台代码如下：
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.IO;
using System.Drawing;
using System.Drawing.Imaging;

public partial class CheckImage : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{

             //在page_load事件中调用Generate()和CreateCheckCodeImage()函数
             string str = GenerateCheckCode();
             CreateCheckCodeImage(str);
          }

          private string GenerateCheckCode()
      {
          //利用random()随机产生四位大写的字符串（包含数字和字母）

          int number;
          char code;
          string checkCode = string.Empty;
          Random random = new Random();
          for (int i = 0; i < 4; i++)
          {
              number = random.Next();

             //下面也可以用其他的方法构思
              if (number % 2 == 0)
                  code = (char)('0' + (char)(number % 10));
              else
                  code = (char)('A' + (char)(number % 26));
              checkCode += code.ToString();
          }

//用cookies保存刚刚产生的随机字符串
Response.Cookies.Add(new HttpCookie("CheckCode", checkCode));

return checkCode;
}

private void CreateCheckCodeImage(string checkCode)
{
//该函数主要是画背景色的

if (checkCode == null || checkCode.Trim() == string.Empty)
              return;
          System.Drawing.Bitmap image = new System.Drawing.Bitmap((int)Math.Ceiling((checkCode.Length * 12.5)), 22);
          Graphics g = Graphics.FromImage(image);
          try
          {
              //生成随机生成器
              Random random = new Random();
              //清空背景色
              g.Clear(Color.White);
              //画图片的背景
              for (int i = 0; i < 2; i++)
              {
                  int x1 = random.Next(image.Width);
                  int x2 = random.Next(image.Width);
                  int y1 = random.Next(image.Height);
                  int y2 = random.Next(image.Height);
                  g.DrawLine(new Pen(Color.Black), x1, y1, x2, y2);
              }
              Font font = new System.Drawing.Font("Arial", 12, (System.Drawing.FontStyle.Bold));
              System.Drawing.Drawing2D.LinearGradientBrush brush = new System.Drawing.Drawing2D.LinearGradientBrush(new Rectangle(60, 60, image.Width, image.Height), Color.Blue, Color.DarkRed, 1.2f, true);
              g.DrawString(checkCode, font, brush, 2, 2);
              //画图片的前景
              for (int i = 0; i < 100; i++)
              {
                  int x = random.Next(image.Width);
                  int y = random.Next(image.Height);
                  image.SetPixel(x, y, Color.FromArgb(random.Next()));
              }
              //画图片的边框
              g.DrawRectangle(new Pen(Color.Silver), 0, 0, image.Width - 1, image.Height - 1);
              System.IO.MemoryStream ms = new System.IO.MemoryStream();
              image.Save(ms, System.Drawing.Imaging.ImageFormat.Gif);
              Response.ClearContent();
              Response.ContentType = "image/Gif";
              Response.BinaryWrite(ms.ToArray());
          }
          finally
          {
              g.Dispose();
              image.Dispose();
          }
      }

}

//验证页面前台代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %>

<!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 id="Head1" runat="server">
    <title>后台管理用户登录</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table border="0" cellpadding="0" cellspacing="0" width="480">
        <tr>
            <td colspan="2" align="center">
                公文管理系统后台登陆</td>
        </tr>
        <tr>
            <td style="width: 83px">
                用户名</td><td style="width: 349px">
                <asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtUserName"
                        ErrorMessage="用户名"></asp:RequiredFieldValidator></td>
        </tr>
        <tr>
            <td style="height: 19px; width: 83px;">
                密码</td><td style="width: 349px">
                <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtPassword"
                        ErrorMessage="密码"></asp:RequiredFieldValidator></td>
        </tr>
        <tr>
            <td style="height: 19px; width: 83px;">
                校验码</td><td style="width: 349px">
                <asp:TextBox ID="txtCheckCode" runat="server"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtCheckCode"
                        ErrorMessage="校验码必填"></asp:RequiredFieldValidator></td>
        </tr>
        <tr>
            <td style="width: 83px">
                <asp:Button ID="btnLogin" runat="server" Text="登陆" OnClick="btnLogin_Click" /></td><td style="width: 349px">
                    <input id="Reset1" type="reset" value="清除" /></td>
        </tr>
    </table>
    </div>
        <asp:Literal ID="lStatus" runat="server" Visible="False"></asp:Literal> 
        <asp:Image ID="Image1" runat="server" src="CheckImage.aspx"/>
    </form>
</body>
</html>

//注意上面为橙色的那行代码,这是引用我们上面创建的那个验证码页面,把Image 的路径指向验证码页面就可以了.

//验证页面后台代码示例(只做了简单的输出，测试下，嘿嘿！)
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.IO;
using System.Drawing;
using System.Drawing.Imaging;

public partial class Default4 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {


        }

    }

    protected void btnLogin_Click(object sender, EventArgs e)
    {
        Response.Write(Request.Cookies["CheckCode"].Value.ToString());
    }
}

xqf003

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单的图片验证码

前几天在网上找了关于图片验证码的一些资料,经过整理,已经能实现简单的图片验证码,以下代码为实现图片验证码的详细代码,帖出来共享下,哈哈!整个思路大概是:首先生成一个验证码的随机数,并用cookies保存产生的随机数,后面我们验证的时候得用到,生成随机数后就是画图片了，具体的代码如下：（有更好的办法还望大家指教!）//首先创建一个 CheckImage.aspx页面，前台没代
复制链接

扫一扫