首页 > 代码库 > web 图片验证码 验证
web 图片验证码 验证
做一个图片验证码 界面中的代码
1 验证码:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><asp:Image ID="Image1" ImageUrl="YZM.aspx" runat="server" /> 2 <asp:Button ID="Button1" runat="server" Text="验证" /><asp:Label ID="Label1" runat="server" Text=""></asp:Label> 3
image控件指向YZM.aspx
<asp:Image ID="Image1" ImageUrl="YZM.aspx" runat="server" />
创建YZM.aspx在后台把验证码画出来代码如下
1 //引用 using System.Drawing 命名空间 2 3 // 创建画布 4 Bitmap map = new Bitmap(100, 50); 5 //指定在那个画布上绘制 6 Graphics g = Graphics.FromImage(map); 7 //随机数类 8 Random r = new Random(); 9 //绘制背景色 10 11 //准备好背景颜色放入集合中去 12 List<Color> clist = new List<Color>(); 13 clist.Add(Color.Azure); 14 clist.Add(Color.LightGray); 15 clist.Add(Color.CornflowerBlue); 16 clist.Add(Color.SlateBlue); 17 clist.Add(Color.MediumBlue); 18 clist.Add(Color.SteelBlue); 19 clist.Add(Color.DarkGreen); 20 clist.Add(Color.GreenYellow); 21 clist.Add(Color.SlateBlue); 22 //绘制背景颜色 23 g.FillRectangle(new SolidBrush(clist[r.Next(0, clist.Count)]), 0, 0, 100, 50); 24 25 //绘制干扰线 26 for(int i =0 ;i<10;i++)//循环绘制I条干扰线 27 { 28 //创建 Pen 对象 pen 29 Pen pen= new Pen(new SolidBrush(clist[r.Next(0, clist.Count)]),r.Next(0,10)); 30 //绘制干扰线 31 g.DrawLine(pen, r.Next(0, 100), r.Next(0, 50), r.Next(0, 100), r.Next(0, 50)); 32 } 33 //验证码绘制内容 34 string ss = "ABCDEFHIJKLMNOPQRSTUVWXYZabxdefghijklmnopqrstuvwxyz1234567890"; 35 string s = ""; 36 for (int i = 0; i < 4; i++)//随机出四位验证码 37 { 38 s += ss.Substring((r.Next(0, ss.Length)), 1); 39 } 40 Session["yzm"] = s; 41 //绘制的字体 42 Font f = new Font("黑体", 30); 43 //绘制的画刷 44 Brush b = new SolidBrush(Color.Brown); 45 //开始绘制验证码 46 g.DrawString(s, f, b, 0, 0); 47 48 //保存绘制的验证码 49 //Response.OutputStream输出流 50 //System.Drawing.Imaging.ImageFormat.Jpeg 保存的格式 51 map.Save(Response.OutputStream, System.Drawing.Imaging.ImageFormat.Jpeg); 52 Response.End();
页面显示
验证验证码方法
//注册验证按钮点击事件 Button1.Click += Button1_Click;
void Button1_Click(object sender, EventArgs e) { string t1 = TextBox1.Text; string t2 = Session["YZM"].ToString(); if (t1.ToUpper() == t2.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>
web 图片验证码 验证
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。