一》 原理：

　　把用代码生成的图片存放到硬盘当中，然后在返回存储路径把图片通过图片标签的 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. 配置一个servlet程序

    <!-- 配置一个servlet程序 --> <servlet> <!-- servlet的内部名称 ,可以自定义--> <servlet-name>H ...

  2. HBase笔记--编程实战

    HBase总结:http://blog.csdn.net/lifuxiangcaohui/article/details/39997205  (very good) Spark使用Java读取hbas ...

  3. iOS NSDictionary、NSData、JSON等 数据类型相互转换

    1.NSDictionary类型转换为NSData类型: NSDictionary *params = [NSDictionary dictionaryWithObjectsAndKeys: @&qu ...

  4. 转： ubuntu配置NFS，挂载开发板

    ====================================== 命令: 1. $sudo apt-get install nfs-kernel-server           (安装N ...

  5. no-cache、max-age=0、must-revalidate区别

    之前深入搜索了多次,根据stackoverflow的回答进行一些总结(http://stackoverflow.com/questions/18148884/difference-between-no ...

  6. C++中基于Crt的内存泄漏检测（重载new和delete，记录在Map里）

    尽管这个概念已经让人说滥了 ,还是想简单记录一下, 以备以后查询. #ifdef _DEBUG#define DEBUG_CLIENTBLOCK   new( _CLIENT_BLOCK, __FIL ...

  7. .OCX、.dll文件注册命令Regsvr32的使用

    1.打开文件,打开需要注册的OCX文件或dll文件,2.然后根据需要进行OCX文件或DLL文件的注册和反注册 DLL.OCX注册方法--文件Regsvr32用法及情况介绍 使用过activex的人都知 ...

  8. [转]10款 Web 开发常备工具

    文章地址:https://my.oschina.net/u/2903254/blog/798135 工欲善其事,必先利其器.如今 Web 开发标准越来越高,Web 开发者也在不断寻找途径提升自己的技能 ...

  9. 【剑指offer】面试题24：二叉搜索树的后序遍历序列

    题目: 输入一个整数数组,判断该数组是不是某二叉搜索树的后序遍历的结果.如果是则输出Yes,否则输出No.假设输入的数组的任意两个数字都互不相同. 思路: 递归 注意,主要就是假定数组为空时结果为fa ...

  10. 五、SolrJ、Request Handler

    什么是SolrJ 既然Solr是以单独的WebApp形式存在的,那么Solr理应提供与Solr通信的Api吧,对的,这就是SolrJ,既然与solr通信是通过url,那么其实我们也可以不用SolrJ, ...