验证码，一个很常见的东西。不管你是使用者还是开发者，这个东西80%的人都见到过，但是之前有人给我说过这么一句话“内行看门道，外行看热闹！”，仔细琢磨一下还真的是那么一回事。对于怎么实现验证码，闲话不多扯，直接上代码。

我们需要在前台代码中写一段<img>，src指向一张页面（ValidateImage.aspx）

<html>
<head>
<title>数字验证码</title>
<script language="javascript">

        function changeImg() {

            $("#imgCheckNo").attr("src", "ValidateImage.aspx?r=" + getRandom(999));

        }

        function getRandom(n) { return Math.floor(Math.random() * n + 1) }

</script>
</head>
<body>
<div>

<img id="imgCheckNo" src="ValidateImage.aspx" style="border-color: #000000; border-width: 1px;border-style: Solid">

 <span onclick="changeImg();">看不清?换一张</span>

 </div>

<div>

   <div class="labelCss">验证码：</div>

<div>

<asp:TextBox ID="tbxCheckNo" runat="server" CssClass="tbxCss"></asp:TextBox>

</div>

<div>

<asp:Button ID="btnSubmit" runat="server" Text="立即注册" OnClick="btnSubmit_Click" />

</div>

 </body>

</html>

//ValidateImage.aspx 用来生产验证码图片，并将验证码的码值保存到cookie中。

public partial class ValidateImage : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

            this.CreateCheckCodeImage(RndNum());

        }

        /// <summary>生成验证码

        /// </summary>

        /// <returns></returns>

        private string RndNum()

        {

            int number;

            char code;

            string checkCode = String.Empty;

            System.Random random = new Random();

            for (int i = ; i < ; i++)

            {

                number = random.Next();

                if (number %  == )

                    code = (char)('' + (char)(number % ));

                else

                    code = (char)('A' + (char)(number % ));

                checkCode += code.ToString();

            }

            Response.Cookies.Add(new HttpCookie("yzmcode", checkCode));

            return checkCode;

        }

        /// <summary>向页面生成验证码Gif图片

        /// </summary>

        /// <param name="checkCode"></param>

        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)), );

            Graphics g = Graphics.FromImage(image);

            try

            {

                //生成随机生成器

                Random random = new Random();

                //清空图片背景色

                g.Clear(Color.White);

                //画图片的背景噪音线

                for (int i = ; i < ; 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", , (System.Drawing.FontStyle.Bold | System.Drawing.FontStyle.Italic));

                System.Drawing.Drawing2D.LinearGradientBrush brush = new System.Drawing.Drawing2D.LinearGradientBrush(new Rectangle(, , image.Width, image.Height), Color.Blue, Color.DarkRed, 1.2f, true);

                g.DrawString(checkCode, font, brush, , );

                //画图片的前景噪音点

                for (int i = ; i < ; 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), , , image.Width - , image.Height - );

                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();

            }

        }

    }

//最后就是后台事件，判断当前验证码是否正确。

#region 页面控件事件

        protected void btnSubmit_Click(object sender, EventArgs e)

        {

            if (String.Compare(Request.Cookies["yzmcode"].Value, tbxCheckNo.Text, true) != )

            {

                Response.Write("<script>alert('验证码错误!')</script>");

            }

            else

            {

               // Response.Write("<script>alert('验证吗正确!!!')</script>");

            }

        }

  #endregion

asp.net验证码图片生成示例的更多相关文章

  1. 验证码图片生成工具类——Captcha.java

    验证码图片生成工具,使用JAVA生成的图片验证码,调用getRandcode方法获取图片验证码,以流的方式传输到前端页面. 源码如下:(点击下载  Captcha.java) import java. ...

  2. 012. asp.net生成验证码图片(汉字示例/字母+数字)

    protected void Page_Load(object sender, EventArgs e) { //生成验证码图片的基本步骤 string checkCode = "新年快乐& ...

  3. .Net中验证码图片生成

    开发网站或平台系统,登录页面是必不可少的功能,但是现在很多人可以使用工具暴力破解网站密码,为了防止这类非法操作,需要在登录页面添加验证,验证码就是最常用的一种验证方式. 我结合了自己的经验和网上的验证 ...

  4. c# 验证码图片生成类

    using System; using System.Collections.Generic; using System.Drawing; using System.Drawing.Drawing2D ...

  5. mvc验证码图片生成

    /// <summary> ///生成验证码 /// </summary> public class VerifyCode { /// <summary> /// ...

  6. django 验证码图片生成视图函数

    def verify_code(request): import random # 定义验证码图片背景颜色 宽和高 bgcolor = (random.randrange(20,180),random ...

  7. python验证码图片生成

    环境:win10(64位)+pycharm2018+pillow5.4+python3.7 对Django的跨站请求保护的有所了解的同学会知道{%csrf_token%}在实际上作用并不是那么大,只要 ...

  8. python模块之PIL模块（生成随机验证码图片）

    PIL简介 什么是PIL PIL:是Python Image Library的缩写,图像处理的模块.主要的类包括Image,ImageFont,ImageDraw,ImageFilter PIL的导入 ...

  9. Django随机生成验证码图片

    PIL简介 什么是PIL PIL:是Python Image Library的缩写,图像处理的模块.主要的类包括Image,ImageFont,ImageDraw,ImageFilter PIL的导入 ...

随机推荐

  1. Flask简介之简单应用

    Flask 0.Flask简介 Flask是一个基于Python开发并且依赖jinja2模板和Werkzeug WSGI服务的一个微型框架,对于Werkzeug本质是Socket服务端,其用于接收ht ...

  2. docker搭建oracle 11.2.0.3.0

    dockerfile 如下: FROM oraclelinux:-slim ARG ORACLE_BASE=/opt/oracle ARG ORACLE_HOME=/opt/oracle/produc ...

  3. Atom预览markdown插件Markdown Preview Enhanced

    atom 上目前最强的 markdown 插件Markdown Preview Enhanced 是一款为 ATOM 编辑器编写的超级强大的 Markdown 插件.这款插件意在让你拥有飘逸的 Mar ...

  4. React Native知识

    http://www.cnblogs.com/wujy/tag/React%20Native/    React Native知识12-与原生交互 React Native知识11-Props(属性) ...

  5. php://input、$_POST与$GLOBALS['HTTP_RAW_POST_DATA']三者的区别

    $_POST 只有Coentent-Type的值为application/x-www.form-urlencoded和multipart/form-data两种类型时,$_POST才能获取到数据. $ ...

  6. 正则表达式，以python为例

    转载需注明原文地址和作者两项内容. 正则表达式目的是能够快速处理字符串内容,主要用于找出指定的字符串,配合其他操作完成任务.使用正则表达式时要了解自己语言的特性,python中的正则表达式默认情况是贪 ...

  7. [华为]输出单向链表中倒数第k个结点

    输入一个单向链表,输出该链表中倒数第k个结点,链表的倒数第1个结点为链表的尾指针. 链表结点定义如下: struct ListNode { int       m_nKey; ListNode* m_ ...

  8. Django RF：学习笔记(8)——快速开始

    Django RF:学习笔记(8)——快速开始 安装配置 1.使用Pip安装Django REST Framework: pip install djangorestframework 2.在Sett ...

  9. ZW网络团队及资源简介

    ZW网络团队及资源简介 ZW网络推广团队,是国内首个教父级网络营销团队,自1997年以来,先后参与操盘多个重大互联网项目,服务过超过150家国际500强客户,是微软公司首家官方认证的网络公关服务商,新 ...

  10. 字王谈M1字形与个人云字库

    字王谈M1字形与个人云字库   最近在忙网络项目,字库其实也没完全搁下,只是没有时间细大理,这些文字idea,来自近日和大梁先生的QQ聊天,虽然口语化很重,但觉得有些价值,作为blog发了 ----- ...