一》 原理：

　　把用代码生成的图片存放到硬盘当中，然后在返回存储路径把图片通过图片标签的 src 属性 自动加载到浏览器中

二》 步骤

　　　　1. 首先用GDI+ 绘图 把验证码图片给绘制出来

　　　　2. 然后提前判断硬盘里是否有已生成的图片，如果有，则删除，以避免节省硬盘空间

　　　　3. 把生成的验证码存放到 Session 会话当中，以供前台验证 填写验证码的准确性， 在构建文件路径，把验证码图片存入路径中

　　　　4. 想前台返回路径

三》 代码实例如下

Identifying.html 代码

 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

     <title>验证码实验</title>

     <script src="jquery-1.4.1.js"></script>

 </head>

 <body>

     验证码：

     <div>

         <img src="" id="tp"/><a href="javascript:void(0)" id="huan">看不清换一张</a>

     </div>

     <script type="text/javascript">

         $(function () {

             function xx() {

                 $.ajax({

                     url: 'Identif.ashx',

                     type: 'POST',

                     datatype: 'text',

                     success: function (data) {

                         $("#tp").attr("src", data.toString());

                     }

                 });

             };

             xx();

             $("#huan").click(xx);

         });

     </script>

 </body>

 </html>

Identif.ashx 代码

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.IO;

using System.Drawing;

using System.Web.SessionState;

namespace FourmWeb.Identifying

{

    /// <summary>

    /// Identif 的摘要说明

    /// </summary>

    public class Identif : IHttpHandler,IRequiresSessionState

    {

        public void ProcessRequest(HttpContext context)

        {

            context.Response.ContentType = "text/plain";//响应报文主体的类型            

            string path = context.Request.MapPath("~/"); ;

            Bitmap map = new Bitmap(, ); //创建位图文件

            Graphics g = Graphics.FromImage(map); //画布

            //填充背景颜色

            g.FillRectangle(Brushes.White, , , , );

            //随机产生验证码

            string code = null;

            Random re = new Random(Guid.NewGuid().GetHashCode());   //用哈希数做随机种子

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

            {

                if (re.Next(, ) %  == )

                {

                    code += re.Next(, ).ToString();

                }

                else

                {

                    code+= (Char)re.Next(, );

                }

            } 

            //删除已存在的文件

            if (context.Session["code"] != null)

            File.Delete(path + context.Session["code"].ToString() + ".jpg");

            //构建文件路径

            path += code + ".jpg";

           context.Session["code"] = code;

            //将验证码画到画布上

            g.DrawString(code, new Font("宋体", ), Brushes.Gray, new PointF(, ));

            //绘制干扰点

            Random random = new Random();

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

            {

                map.SetPixel(random.Next(, ), random.Next(, ), Color.LightGray);

            }

            //输出图像

            map.Save(path);

            //发送相对路径

            context.Response.Write("../"+code+".jpg");  

            context.Response.End();

        }

        public bool IsReusable

        {

            get

            {

                return false;

            }

        }

    }

}

　　　　　　

Ajax动态刷新验证码图片的更多相关文章

  1. Django（九）下：Ajax操作、图片验证码、KindEditor使用

    三.Ajax操作 ajax操作基于浏览器的xmlHttpRequest对象,IE低版本是另外一个对象,jQuery 1 版本对那两个对象做了封装,兼容性最好,2 .3版本不再支持IE低版本了. Aja ...

  2. Servlet实现验证码图片（一）

    Servlet实现数字字母验证码图片(一): 生成验证码图片主要用到了一个BufferedImage类,如下:

  3. SpringMVC生成的验证码图片不显示

    近期用SSM框架写一个项目,登录模块需要生成验证码图片,我把相关的代码写好了之后传到 jsp ,但是图片不显示,查看控制台显示404,反复查询了一下代码并没有发现任何问题,代码如下: @Control ...

  4. Struts2 验证码图片实例

    本文转载于DongLiYang的博客http://www.cnblogs.com/dongliyang/archive/2012/08/24/2654431.html 其中修改过一部分,针对使用注解而 ...

  5. java web学习总结(九) -------------------通过Servlet生成验证码图片

    一.BufferedImage类介绍 生成验证码图片主要用到了一个BufferedImage类,如下:

  6. android 生成验证码图片

    (转自:http://blog.csdn.net/onlyonecoder/article/details/8231373) package com.nobeg.util; import java.u ...

  7. delphi WebBrowser控件上网页验证码图片识别教程(一)

    步骤一:获取网页中验证码图片的url地址 在delphi中加入一个BitBtn和一个memo以及WebBrowser控件实现网页中验证码图片的url地址的获取 程序如下:procedure TForm ...

  8. 学习笔记：利用GDI+生成简单的验证码图片

    学习笔记:利用GDI+生成简单的验证码图片 /// <summary> /// 单击图片时切换图片 /// </summary> /// <param name=&quo ...

  9. JavaWeb---总结(九)通过Servlet生成验证码图片

    一.BufferedImage类介绍 生成验证码图片主要用到了一个BufferedImage类,如下: 创建一个DrawImage Servlet,用来生成验证码图片  1 package gacl. ...

随机推荐

  1. 怎么用visual studio2010编写c++程序|用visual studio2010编写c++程序的步骤

    如何通过visual studio 2010编写一个简单的c++程序,随小编不一起看看如何编写. 首先打开visual studio 2010 点击软件左上角“文件-新建-项目”,选择“win32-w ...

  2. UCOS 请求任务删除函数 及其应用

    有时候,如果任务A拥有内存缓冲区或信号量之类的资源,而任务B想删除该任务,这些资源就可能由于没被释放而丢失.在这种情况下,用户可以想法子让拥有这些资源的任务在使用完资源后,先释放资源,再删除自己.用户 ...

  3. JS操作css的float属性的特殊写法

    使用js操作css属性的写法是有一定的规律的: 1.对于没有中划线的css属性一般直接使用style.属性名即可. 如:obj.style.margin,obj.style.width,obj.sty ...

  4. memcpy造成其他变量值改变

        以前C/C++遇到过很多很多的问题,有时候费了很久很久时间,很大很大的努力才解决.但是都没有记录下来,现在想想以前的遇到的问题,只知道这样的事情发生过,至于是什么问题,一点印象都没有了.所以遇 ...

  5. SJA1000寄存器设置

    在设置CAN控制器SJA1000的输出控制寄存器(OCR)时,由于电路图中只用到了TX0和RX0,所以只考虑OCTP0,OCTN0,OCPOL0.这里设置成了010.然后查了一下配置的表,如下所示: ...

  6. shell中使用sqlplus及调试相关

    五.为了安全要求每次执行shell都手工输入密码$ vi test5.sh #!/bin/bashecho -n "Enter password for u_test:"read ...

  7. HDOJ(HDU) 1563 Find your present!(异或)

    Problem Description In the new year party, everybody will get a "special present".Now it's ...

  8. 浅谈C#抽象类和C#接口

    原文地址:http://www.cnblogs.com/zhxhdean/archive/2011/04/21/2023353.html 一.C#抽象类: C#抽象类是特殊的类,只是不能被实例化:除此 ...

  9. Scala-循环

    package com.mengyao.scala.function /** * Scala中循环的声明和使用(while和for) *  * @author mengyao */object Tes ...

  10. 解决Qt5.7.0 cannot find -lGL

    很久没用Qt了,这次要做一个协议编辑器,在ubuntu 14.04上安装了最新版本的Qt 5.7.0.界面改用扁平化风格,第一感觉还不错.按默认步骤创建了一个gui程序,编译运行,报了一个错:cann ...