zoukankan      html  css  js  c++  java
  • WEB中验证码的书写

    正在看CSDN上的ITCST上的王兴魁老师的AJAX技术入门,里面讲到了一个验证码的小程序,觉得蛮有用的,先记下来.
    最后运行的效果图: 
     
    HTML的代码:

    Html代码
    1.  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
    2. <html>  
    3.   <head>  
    4.     <title></title>  
    5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
    6.     <script type="text/javascript">  
    7.         function change() {   
    8.             var imgNode = document.getElementById("vimg");   
    9.             imgNode.src = "WaterMark.ashx?t=" + (new Date()).valueOf();  // 这里加个时间的参数是为了防止浏览器缓存的问题   
    10.         }   
    11.     </script>  
    12.   </head>  
    13.   <body>  
    14.     <img src="WaterMark.ashx" id="vimg" alt="" /><input type="button" value="换一张图片" onclick="change()" />  
    15.   </body>  
    16. </html>  
    <!--     Document   : ASP.NET用一般处理程序生成验证码    Created on : 2008-10-13 17:04    Author     : 牛腩--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title></title>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />    <script type="text/javascript">        function change() {            var imgNode = document.getElementById("vimg");            imgNode.src = "WaterMark.ashx?t=" + (new Date()).valueOf();  // 这里加个时间的参数是为了防止浏览器缓存的问题        }    </script>  </head>  <body>    <img src="WaterMark.ashx" id="vimg" alt="" /><input type="button" value="换一张图片" onclick="change()" />  </body></html>


      一般处理程序WaterMark.ashx的代码:

    C#代码 复制代码
    1. <%@ WebHandler Language="C#" Class="WaterMark" %>   
    2.   
    3. using System;   
    4. using System.Web;   
    5. using System.Drawing;   
    6. using System.Drawing.Drawing2D;   
    7. using System.Web.SessionState;     
    8.   
    9. public class WaterMark : IHttpHandler, IRequiresSessionState  // 要使用session必须实现该接口,记得要导入System.Web.SessionState命名空间   
    10. {   
    11.   
    12.     public void ProcessRequest(HttpContext context)   
    13.     {   
    14.         string checkCode = GenCode(5);  // 产生5位随机字符   
    15.         context.Session["Code"] = checkCode; //将字符串保存到Session中,以便需要时进行验证   
    16.         System.Drawing.Bitmap image = new System.Drawing.Bitmap(70, 22);   
    17.         Graphics g = Graphics.FromImage(image);   
    18.         try  
    19.         {   
    20.             //生成随机生成器   
    21.             Random random = new Random();   
    22.   
    23.             //清空图片背景色   
    24.             g.Clear(Color.White);   
    25.   
    26.             // 画图片的背景噪音线   
    27.             int i;   
    28.             for (i = 0; i < 25; i++)   
    29.             {   
    30.                 int x1 = random.Next(image.Width);   
    31.                 int x2 = random.Next(image.Width);   
    32.                 int y1 = random.Next(image.Height);   
    33.                 int y2 = random.Next(image.Height);   
    34.                 g.DrawLine(new Pen(Color.Silver), x1, y1, x2, y2);   
    35.             }   
    36.   
    37.             Font font = new System.Drawing.Font("Arial", 12, (System.Drawing.FontStyle.Bold));   
    38.             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);   
    39.             g.DrawString(checkCode, font, brush, 2, 2);   
    40.   
    41.             //画图片的前景噪音点   
    42.             g.DrawRectangle(new Pen(Color.Silver), 0, 0, image.Width - 1, image.Height - 1);   
    43.             System.IO.MemoryStream ms = new System.IO.MemoryStream();   
    44.             image.Save(ms, System.Drawing.Imaging.ImageFormat.Gif);   
    45.             context.Response.ClearContent();   
    46.             context.Response.ContentType = "image/Gif";   
    47.             context.Response.BinaryWrite(ms.ToArray());   
    48.         }   
    49.         finally  
    50.         {   
    51.             g.Dispose();   
    52.             image.Dispose();   
    53.         }   
    54.     }   
    55.   
    56.     /// <summary>   
    57.     /// 产生随机字符串   
    58.     /// </summary>   
    59.     /// <param name="num">随机出几个字符</param>   
    60.     /// <returns>随机出的字符串</returns>   
    61.     private string GenCode(int num)   
    62.     {   
    63.         string str = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";//"的一是在不了有和人这中大为上个国我以要他时来用们生到作地于出就分对成会可主发年动同工也能下过子说产种面而方后多定行学法所民得经十三之进着等部度家电力里如水化高自二理起小物现实加量都两体制机当使点从业本去把性好应开它合还因由其些然前外天政四日那社义事平形相全表间样与关各重新线内数正心反你明看原又么利比或但质气第向道命此变条只没结解问意建月公无系军很情者最立代想已通并提直题党程展五果料象员革位入常文总次品式活设及管特件长求老头基资边流路级少图山统接知较将组见计别她手角期根论运农指几九区强放决西被干做必战先回则任取据处队南给色光门即保治北造百规热领七海口东导器压志世金增争济阶油思术极交受联什认六共权收证改清己美再采转更单风切打白教速花带安场身车例真务具万每目至达走积示议声报斗完类八离华名确才科张信马节话米整空元况今集温传土许步群广石记需段研界拉林律叫且究观越织装影算低持音众书布复容儿须际商非验连断深难近矿千周委素技备半办青省列习响约支般史感劳便团往酸历市克何除消构府称太准精值号率族维划选标写存候毛亲快效斯院查江型眼王按格养易置派层片始却专状育厂京识适属圆包火住调满县局照参红细引听该铁价严";   
    64.         char[] chastr = str.ToCharArray();   
    65.         // string[] source ={ "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "#", "$", "%", "&", "@" };   
    66.         string code = "";   
    67.         Random rd = new Random();   
    68.         int i;   
    69.         for (i = 0; i < num; i++)   
    70.         {   
    71.             //code += source[rd.Next(0, source.Length)];   
    72.             code += str.Substring(rd.Next(0, str.Length), 1);   
    73.         }   
    74.         return code;   
    75.   
    76.     }   
    77.   
    78.     public bool IsReusable   
    79.     {   
    80.         get  
    81.         {   
    82.             return false;   
    83.         }   
    84.     }   
    85.   
    86. }  
  • 相关阅读:
    使用WebAPI流式传输大文件(在IIS上大于2GB)
    网页扫描仪图像上传
    网页高拍仪图像上传
    C++
    Tomcat Connector三种执行模式(BIO, NIO, APR)的比較和优化
    编程精粹--编写高质量C语言代码(1):假想编译程序
    一个软件项目的总纲性的測试计划叫什么?
    Java字符串的格式化与输出
    Servlet入门(第一个Servlet的Web程序)
    求职小技巧,赢得大机会
  • 原文地址:https://www.cnblogs.com/liuyunpiaohe/p/1704998.html
Copyright © 2011-2022 走看看