验证码刷新

通过查询一些资料和源代码的参考,对验证码刷新的问题有了一定的了解,我们可以先创建一个验证码页面,在使用验证码刷新的时候来调用这个页面,验证码是显示在图片上的,如果代码没有问题的话,验证码就可以正常显示,接下来 我们要实现刷新,一种方法数据通过js脚本使用户点击的时候调用此验证码的路径,重新生成随机验证码,这就是刷新,验证码刷新的一个完整例子,欢迎各位高手指点

验证码页面
namespace ScoreManage.Code
{
    public partial class code : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                string checkCode = CreateRandomCode(4);
                Session["CheckCode"] = checkCode;//保存到session里面,为了前台做判断验证吗是否正确
                CreateImage(checkCode);
            }
        }
        /// <summary>
        /// 生成 随机图片
        /// </summary>
        /// <param name="checkCode">checkCode 验证码图片</param>

        private void CreateImage(string checkCode)
        {
            int iwidth = (int)(checkCode.Length * 15.5);
            System.Drawing.Bitmap image = new System.Drawing.Bitmap(iwidth, 20);
            Graphics g = Graphics.FromImage(image);
            Font f = new System.Drawing.Font("宋体", 13, System.Drawing.FontStyle.Bold);
            Brush b = new System.Drawing.SolidBrush(Color.Brown);
            g.FillRectangle(new System.Drawing.SolidBrush(Color.Yellow), 0, 0, image.Width, image.Height);
            g.Clear(Color.LemonChiffon);
            g.DrawString(checkCode, f, b, 3, 3);

            Pen blackPen = new Pen(Color.YellowGreen, 0);
            Random rand = new Random();
            for (int i = 0; i < 5; i++)
            {
                int y = rand.Next(image.Height);
                g.DrawLine(blackPen, 0, y, image.Width, y);
            }

            System.IO.MemoryStream ms = new System.IO.MemoryStream();
            image.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);
            Response.ClearContent();
            Response.ContentType = "image/Jpeg";
            Response.BinaryWrite(ms.ToArray());
            g.Dispose();
            image.Dispose();
        }

        /// <summary>
        /// CreateRandomCode  生成图片上的数字和字母的组合
        /// </summary>
        /// <param name="codeCount">codeCount</param>
        /// <returns></returns>
        private string CreateRandomCode(int codeCount)
        {
            string allChar = "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,W,X,Y,Z";
            string[] allCharArray = allChar.Split(',');
            string randomCode = "";
            int temp = -1;

            Random rand = new Random();
            for (int i = 0; i < codeCount; i++)
            {
                if (temp != -1)
                {
                    rand = new Random(i * temp * ((int)DateTime.Now.Ticks));
                }
                int t = rand.Next(35);
                if (temp == t)
                {
                    return CreateRandomCode(codeCount);
                }
                temp = t;
                randomCode += allCharArray[t];
            }
            return randomCode;
        }
        
    }
}

 

前台代码
1 <form id="form1" runat="server">
2     <div>
3     <label class="lbl">验证码:</label>
4 <input id="code" type="text" />
5 <img id="savecode" src="../Code/code.aspx" alt="看不清,请刷新" onmouseover="getcode()" />
6     </div>
7  </form>

 

    <script type="text/javascript">
        function getcode() {
            document.getElementById("savecode").src = document.getElementById("savecode").src + "?";
        }
    </script>

截图如下:

posted @ 2012-07-21 17:17  竹林溪风  阅读(259)  评论(0)    收藏  举报