ASP.NET图片验证码学习!

1. 新建一个Validate.aspx,然后在Validate.aspx.cs编写代码:

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Web;
using System.Drawing;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Drawing.Imaging;
using System.IO;

public partial class Validate : System.Web.UI.Page
{
  protected void Page_Load(object sender, EventArgs e)
  {
      this.CreateCheckCodeImage(RndNum());

  }
  private string RndNum()
  {
      int number;
      char code;
      string checkCode = String.Empty;

   System.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();
      }

  Session["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 < 25; 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.Silver), x1, y1, x2, y2);
      }

      Font font = new System.Drawing.Font("Arial", 12, (System.Drawing.FontStyle.Bold | System.Drawing.FontStyle.Italic));
      System.Drawing.Drawing2D.LinearGradientBrush brush = new System.Drawing.Drawing2D.LinearGradientBrush(new Rectangle(0, 0, 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();
    }
  }

}

2. 在前台你想添加的页面添加这段代码:(我这里假设是在登录页面Login.aspx中添加图片验证码)

<img id="ImageCode" src="../Validate.aspx" style="cursor:pointer" onmouseup="RefreshImage()" alt="点击重刷新"/>

还需要在<head>...</head>之间添加这段代码:

<script language ="javascript" type="text/javascript" >
  function RefreshImage()

{
    var img = document.getElementById("ImageCode"); // 这里的ImageCode就是上面你取图片的Id名字,这里要一致!
    img.src = img.src + ‘?‘; 
  }
</script>

3. 在后台Login.aspx.cs中添加实现代码:

引用......

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

  }

  // 登录按钮点击事件处理
  protected void btnLogin_Click(object sender, ImageClickEventArgs e)
  {
    User user = new User();
    user.LoginId = this.txt_LoginId.Text.Trim();
    user.LoginPwd = this.txt_LoginPwd.Text.Trim();
    if (this.txtCode.Text.ToLower() == Session["CheckCode"].ToString().ToLower())
    {
      Response.Redirect("Index.aspx");

      else
      {
        Session["user"] = null;
        this.Page.ClientScript.RegisterStartupScript(this.GetType(), "str", "<script>alert(\"登录失败!!\")</script>");
      }
    }
    else
    {
      this.Page.ClientScript.RegisterStartupScript(this.GetType(), "str", "<script>alert(\"验证码错误!!\")</script>");
    }

  }

  // 新用户注册按钮点击事件处理
  protected void btn_Register_Click(object sender, ImageClickEventArgs e)
  {
    Response.Redirect("Register.aspx");
  }
}

最后运行出来的验证码就是这个样子的~~

ASP.NET图片验证码学习!

时间: 2024-12-19 08:48:36

ASP.NET图片验证码学习!的相关文章

JS+ASP.NET 图片验证码

图片验证码控件 <img id="imgYZM" src="CheckCode.aspx" onmouseup="RefreshCheckImage()" alt="点击重新获取" /> 点击再次获取验证码 function RefreshCheckImage() { var el = document.getElementById("imgYZM"); el.src = el.src + '?

spring securtty学习 (三)图片验证码认证

图片验证码,在spring security 学习(二)用户认证自定义上添加. 具体步骤相对来说简单分为三步:生成图片验证码.显示给用户输入,登陆认证中加入校验验证码: 添加验证依赖 <!-- 验证码 --><dependency> <groupId>org.springframework.social</groupId> <artifactId>spring-social-config</artifactId></depend

ASP.NET MVC 模块与组件(二)——定制图片验证码

 本着简洁直接,我们就直奔主题吧! 下面是一个生成数字和字母随机组合的验证码类源代码: using System; using System.Drawing; using System.Drawing.Imaging; using System.Web.UI; using System.Drawing.Drawing2D; using System.IO; namespace Forcheng.Code { /// <summary> /// 生成验证码的类 /// </summary&

ThinkPHP学习(五)图片验证码

今天用到图片验证码的功能,在网上找到ThinkPHP的下面代码: Public function verify(){ import('think.Image'); Image::buildImageVerify(); } 加入到Controller中,通过地址"http://localhost/index.php/passport/index/verify"来訪问,却提示下面错误: Class 'Passport\Controller\Image' not found 我的ThinkP

ExtJS4图片验证码的实现

ExtJS4学习笔记(十)---ExtJS4图片验证码的实现 转自:http://blog.sina.com.cn/s/blog_8d4bbd890100xaxh.html     上多少篇文章,重要学习了Extjs4 Grid的使用方法,从本篇开端,我们开始其余组件的学习,使用.在登录.注册甚至是发表文章或帖子的时候,都会用到验证码这个货色,那么在EXTJS 中,能够使用验证码功能么?谜底是确定的,在EXTJS4之前,也有良多验证码的实现,在Extjs4中,验证码到底如何实现呢? 临时,我们将

水印、图片验证码

(貌似这个验证码不能获取,假设设置一个隐藏的label来记录又失去了他的意义) 一.水印 1.画布 System.Drawing.Image img = System.Drawing.Image.FromStream(FileUpload1.FileContent); 2.创建绘制对象,告诉它往哪张图片上绘制 Graphics g = Graphics.FromImage(img); 3.绘制的内容 string s = "www.itnba.com"; 4.绘制的字体 Font f

图片验证码

1.首先创建一个web窗体,只使用后台部分,生成验证码,并输出图片流跟图片验证码的字符,在使用验证码的窗体中图片控件直接指向这个窗体 using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Drawing; public partial class Y

WebForm 【图片验证码】

用图片显示验证码 验证码的作用是在于防止某些别有用心的用户用暴力破解等方法猜测密码,是一项非常有效的防止黑客技术. <form id="form1" runat="server"> <div> 用户名:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <br /> 密码:<asp:TextBox I

字符型图片验证码识别完整过程及Python实现

1   摘要 验证码是目前互联网上非常常见也是非常重要的一个事物,充当着很多系统的 防火墙 功能,但是随时OCR技术的发展,验证码暴露出来的安全问题也越来越严峻.本文介绍了一套字符验证码识别的完整流程,对于验证码安全和OCR识别技术都有一定的借鉴意义. 2   关键词 关键词:安全,字符图片,验证码识别,OCR,Python,SVM,PIL 3   免责声明 本文研究所用素材来自于某旧Web框架的网站 完全对外公开 的公共图片资源. 本文只做了该网站对外公开的公共图片资源进行了爬取, 并未越权