C#-WebForm-★ 制作图片验证码 ★

在前台放在如下四个控件

<div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>       <%--TextBox-等待输入验证码--%>
        <asp:Image ID="Image1" runat="server" />                 <%--Image-显示验证码图片--%>
        <asp:Button ID="Button1" runat="server" Text="提交验证" />       <%--Button-提交进行验证--%>
        <asp:Label ID="Label1" runat="server" Text="验证中..."></asp:Label>   <%--Label-显示验证结果--%>
    </div>

此时验证码为空,不显示任何东西

步骤:

一、给验证码图片控件加一个连接,此连接是.aspx网页,此网页不需要前台,只需要打开时后台做一个验证码图片展示出来即可

<asp:Image ID="Image1" runat="server" ImageUrl="YZM.aspx" />

二、在YZM.aspx后台中制作简单验证码

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 YZM : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Random r = new Random();

        //制作“位图”(指定长宽的矩形区域)
        Bitmap img = new Bitmap(60,30);

        //准备制作-
        //设定画布
        Graphics g = Graphics.FromImage(img);
        //输出的字符串
        string all = "abcdefghijklmnopqrstuvwsyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
        string s = "";
        for (int i = 1; i <= 4; i++)
        {
            s += all.Substring(r.Next(all.Length),1);
        }
        //字符串的字体
        Font f=new Font ("微软雅黑",16);
        //字体的颜色
        Brush b=new SolidBrush(Color.Red);
        //起始位置
        PointF p=new PointF (3,3);
        //进行制作-
        g.DrawString(s, f, b, p);

        //进行保存(保存到流中)
        img.Save(Response.OutputStream,System.Drawing.Imaging.ImageFormat.Png);
        Response.End();
    }
}

YZM.aspx后台代码

效果:

三、设置<提交验证>功能

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        btn_verification.Click+=btn_verification_Click;
    }
    //<提交验证>按钮点击事件
    void btn_verification_Click(object sender, EventArgs e)
    {
        string s1 = txt_userYZM.Text;
        string s2 = Session["YZM"].ToString();
        if (s1.ToUpper() == s2.ToUpper())
        {
            Label1.Text = "验证成功!";
        }
        else
        {
            Label1.Text = "验证失败!";
        }
    }
}

<提交验证>按钮事件

效果:

验证成功自动刷新

四、设置点击验证码切换验证码 - 前端JS

<script type="text/javascript">
    var a = 0;
    document.getElementById("Image1").onclick = function () {
        this.setAttribute("src", "yzm.aspx?id=" + a);
        a++;
    }
</script>

设置点击验证码切换验证码

五、设置验证码背景色和干扰线  填充矩形区域:FillRectangle

//设定背景色
        g.FillRectangle(new SolidBrush(clist[r.Next(clist.Count)]), 0, 0, 70, 30);

        //设置干扰线
        for (int i = 1; i <= 10; i++)
        {
            //随机颜色
            Color c_line = clist[r.Next(0, clist.Count)];
            //干扰线颜色、粗细
            Pen p_line = new Pen(new SolidBrush(c_line), r.Next(1, 5));
            //画干扰线
            g.DrawLine(p_line, new PointF(r.Next(0, 70), r.Next(0, 30)), new PointF(r.Next(0, 70), r.Next(0, 30)));
        }

设置验证码背景色和干扰线

===========================================

验证码图片后台代码:

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 YZM : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Random r = new Random();
        //颜色集合
        List<Color> clist = new List<Color>();
        clist.Add(Color.Yellow);
        clist.Add(Color.Pink);
        clist.Add(Color.Blue);
        clist.Add(Color.Green);
        clist.Add(Color.Orange);
        clist.Add(Color.Black);

        //制作“位图”(指定长宽的矩形区域)
        Bitmap img = new Bitmap(70, 30);

        //设定画布
        Graphics g = Graphics.FromImage(img);

        //设定背景色
        g.FillRectangle(new SolidBrush(clist[r.Next(clist.Count)]), 0, 0, 70, 30);

        //设置干扰线
        for (int i = 1; i <= 10; i++)
        {
            //随机颜色
            Color c_line = clist[r.Next(0, clist.Count)];
            //干扰线颜色、粗细
            Pen p_line = new Pen(new SolidBrush(c_line), r.Next(1, 5));
            //画干扰线
            g.DrawLine(p_line, new PointF(r.Next(0, 70), r.Next(0, 30)), new PointF(r.Next(0, 70), r.Next(0, 30)));
        }

        //输出的字符串
        string all = "abcdefghijklmnopqrstuvwsyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
        string s = "";
        for (int i = 1; i <= 4; i++)
        {
            s += all.Substring(r.Next(all.Length), 1);
        }
        //生成的验证码放入全局变量中
        Session["YZM"] = s;
        //字符串的字体
        Font f = new Font("微软雅黑", 16);
        //字体的颜色
        Brush b = new SolidBrush(Color.Red);
        //起始位置
        PointF p = new PointF(3, 3);
        //进行制作-
        g.DrawString(s, f, b, p);

        //进行保存(保存到流中)
        img.Save(Response.OutputStream, System.Drawing.Imaging.ImageFormat.Png);
        Response.End();
    }
}

验证码图片的后台代码

时间: 2024-10-10 03:36:50

C#-WebForm-★ 制作图片验证码 ★的相关文章

Python简单的制作图片验证码

-人人可以学Python--这里示范的验证码都是简单的,你也可以把字符扭曲 人人可以学Python.png Python第三方库无比强大,PIL 是python的一个d第三方图片处理模块,我们也可以使用它来生成图片验证码PIL安装命令安装: pip install pillow 下载源码安装:复制地址 :https://github.com/python-pillow/Pillow PIL使用 例子:生成图片,并填充文字 #!/usr/bin/python #-*-coding:utf-8-*-

制作图片验证码

1.引命名空间:using System.Drawing; 2.制作一个小图片.容器: //制作一个长100,高50的画布 Bitmap img = new Bitmap(100,50); //开始在这个画布上绘制: Graphics gg = Graphics.FromImage(img); 3.要画的内容: Random r = new Random(); //验证码的所有内容: string ss = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQ

WebForm 【图片验证码】

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

Jquery制作图片验证码实例-canvas 绘制

CSS .identify-code{ position: absolute; right: 6px; top: 50%; width: 118px; height: 40px; margin: -21px 0 0 0; } HTML <span id="code" class="identify-code"> <canvas class="show-captcha" id="canvas" style=&q

webform:图片水印、验证码制作

一.图片水印 1:引命名空间System.Drawing; 前端代码 <div> <asp:FileUpload ID="FileUpload1" runat="server" /> <asp:Button ID="Button1" runat="server" Text="上传" /><br /> <asp:Image ID="Image1&

Webform 文件上传、 C#加图片水印 、 图片验证码

文件上传:要使用控件 - FileUpload 1.如何判断是否选中文件? FileUpload.FileName - 选中文件的文件名,如果长度不大于0,那么说明没选中任何文件 js - f.value.length 2.如何保存到服务器上? FileUpload.SaveAs("绝对路径"); 3.如何获得绝对路径? 先编写相对路径 - "UpLoads/abc.txt" 将相对路径映射成绝对路径 - Server.MapPath("UpLoads/a

图片水印和图片验证码

两者都需要引入命名空间:using System.Drawing; 一.图片水印 前台Photoshuiyin.aspx代码: <div> <asp:FileUpload ID="FileUpload1" runat="server" /> <asp:Button ID="Button1" runat="server" Text="上传" /><br /> &

用pillow模块实现图片验证码

在微信公众号看到的一篇文章,想想自己也用过这么多验证码的轮子了,却没有从零开始实现一个验证码,所以自己动手码了一遍,的确加深了了解. 参考文章 完整代码 import string import random from PIL import Image, ImageDraw, ImageFont # pillow是PIL(Python成像库)的一个分支,它不再被维护.所以,为了保持向后兼容性, # 往往使用旧的模块名称--PIL.所以,我们直接import PIL就可以了. class Capt

水印、图片验证码

(貌似这个验证码不能获取,假设设置一个隐藏的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