建立一个空网站，在设计界面工具箱中拖入一个TextBox工具，一个按钮，外加一个Image图片工具（充当数字、字母以图片形式）。但是这样做出来的验证码会出现一个问题，每当点击一下按钮，界面自动提交一遍，重新刷新一遍再返回，为防止整个页面被重新提交，需要加入一个UpdatePanel，只刷新当前updatePanel内的内容即可。

必须要结合AJAX来使用

界面设计好后，需要添加一个以ashx结尾的文件项，在这里面写位图随机验证码的格式等等。

 <%@ WebHandler Language="C#" Class="Code" %>

 using System;

 using System.Web;

 using System.Drawing;

 using System.Drawing.Drawing2D;

 using System.Drawing.Imaging;

 using System.Web.SessionState;

 //一般处理程序要使用session,必须要继承IRequiresSessionState接口（接口就是一个空的方法），session存在于这个接口中

 public class Code : IHttpHandler,IRequiresSessionState {

     public void ProcessRequest (HttpContext context) {

         context.Response.ContentType = "image/jpeg";

         Bitmap img = new Bitmap(, );//位图，画了一个空白的图形

         Graphics g = Graphics.FromImage(img);//

         string s = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";

         string str = "";

         Random rand = new Random();//初始化随机数

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

         {

             int start = rand.Next(); //生成一个随机的起始位置

             str += s.Substring(start, ).ToString();

         }

         context.Session["code"] = str;//session用于传值

         Font font = new Font("宋体",, FontStyle.Bold);//设置字体格式

         SolidBrush brush = new SolidBrush(Color.White);

         g.FillRectangle(brush, , , , );

         brush.Color = Color.Red;

         g.DrawString(str, font, brush, , );

         img.Save(context.Response.OutputStream, ImageFormat.Jpeg);

     }

     public bool IsReusable {

         get {

             return false;

         }

     }

 }
一般处理程序：有一个页面A,传递参数到一般处理程序,处理程序接收到参数,访问数据库,判断正确,跳转下一个页面,错误,跳转到另一个页面.

在aspx的Js源代码中，写function语句，确保传递参数

 <body>

     <form id="form1" runat="server">

     <div>

         <asp:ScriptManager ID="ScriptManager1" runat="server">

         </asp:ScriptManager>

     </div>

         <p>

             &nbsp;</p>

                 <asp:Image ID="Image1" runat="server" ImageUrl="~/Code.ashx" />

                 <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

                 <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />

                 <asp:Label ID="Label1" runat="server" Text="失败"></asp:Label>

     </form>

 </body>

 </html>

 <script>

 //js方法

     function changeimg()

     {

         var img = document.getElementById("Image1");

         img.src = "Code.ashx?1=" + Math.random();//使用母版页之后，自己写的ID和JS生成的ID会不一样，需要手动更改ID（方法1）

     }

 </script>

 //方法2：嵌生成之后的ID

 <script>

     function changeimg()

     {

         var img = document.getElementById("<%=Image1.ClientID%>"); //使用经<% %>转译之后ID

         img.src = "Code.ashx?1=" + Math.random();

     }

 </script>

界面效果：

02-17 位图验证码（一般处理程序）+AJAX的更多相关文章

  1. asp.net的验证码插件及方法、ashx验证码一般处理程序

    需要引入一个ashx的一般处理程序! 把这个程序在前台当作一个图片使用就可以! 前台代码: <td> <img title="看不清?" style=" ...

  2. WebForm+一般处理程序+Ajax聊天

    #### 很容易理解 插入数据 到数据库 在使用 setInterval() 读取数据 显示在 页面中 好了 不废话 直接上代码 不会的 可以加我 微信 Jth11163## 效果图片 ![在这里插入 ...

  3. 一般处理程序,ajax

    一般处理程序调用session: 在.aspx.cs页中读写Session都是Session["***"]就可以获取或者写入.但是在一般处理程序也就是ashx页面中,再这样写的话, ...

  4. 2016.02.17 JS DOM编程艺术 第四五六章

    看完这三章内容,集中精力,加快速度.

  5. 2019.02.17 spoj Query on a tree VII（链分治）

    传送门 跟QTREE6QTREE6QTREE6神似,改成了求连通块里的最大值. 于是我们对每条链开一个heapheapheap维护一下即可. MDMDMD终于1A1A1A链分治了. 代码: #incl ...

  6. 2019.02.17 spoj Query on a tree VI（链分治）

    传送门 题意简述:给你一棵nnn个黑白点的树,支持改一个点的颜色,询问跟某个点颜色相同的连通块大小. 思路: 还是链分治 233 记fi,0/1f_{i,0/1}fi,0/1​表示iii的所有颜色为0 ...

  7. 2019.02.17 spoj Query on a tree V（链分治）

    传送门 题意简述: 给你一棵nnn个黑白点的树,初始全是黑点. 现在支持给一个点换颜色或者求整颗树中离某个点最近的白点跟这个点的距离. 思路: 考虑链分治维护答案,每个链顶用一个堆来维护答案,然后对于 ...

  8. NO.012-2018.02.17《题都城南庄》唐代：崔护

    题都城南庄_古诗文网 题都城南庄 唐代:崔护 去年今日此门中,人面桃花相映红.去年春天,就在这扇门里,姑娘脸庞,相映鲜艳桃花.人面:指姑娘的脸.第三句中“人面”指代姑娘. 人面不知何处去,桃花依旧笑春 ...

  9. ajax原理，验证码生成原理

    什么是ajax AJAX:”Asynchronous JavaScript and XML” 中文意思:异步JavaScript和XML 指一种创建交互式网页应用的网页开发技术.   不是指一种单一的 ...

随机推荐

  1. LeetCode OJ：First Missing Positive (第一个丢失的正数)

    在leetCode上做的第一个难度是hard的题,题目如下: Given an unsorted integer array, find the first missing positive inte ...

  2. Oracle中的填充函数lpad和rpad的用法（转）

    原文链接:http://blog.csdn.net/myzhanglt/article/details/7392999 今日学习遇到一个不熟悉的函数LPAD,查了一下文档,将其用法总结如下: Lpad ...

  3. linux使用virtualenv构建虚拟环境，requirement.txt记录包版本

    virtualenv介绍: virtualenv把是一个把python应用隔离在一个虚拟环境中的工具.网上的例子较多,这里重点讲述怎么使用virtualenv来激活一个虚拟环境,并且记录虚拟环境中所依 ...

  4. Java设计模式百例 - 观察者模式

    观察者(Observer)模式定义了一种一对多的依赖关系,让多个观察者对象同时监听某一个主题对象,主体对象的状态变化会通知所有观察者对象.观察者模式又叫做发布-订阅(Publish/Subscribe ...

  5. ResNet网络结构

    MSRA(微软亚洲研究院)何凯明团队的深度残差网络(Deep Residual Network)在2015年的ImageNet上取得冠军,该网络简称为ResNet(由算法Residual命名),层数达 ...

  6. 初识django框架

    django框架 1.框架介绍 根据第一部分内容介绍,我们可以总结出一个web框架应该包含如下三部分:a.sockect服务.b.根据不同的url调用不同函数(包含逻辑).c.返回内容(模板渲染).常 ...

  7. （效果二）js实现两个变量值的交换

    ES5: var a = 12,b=13,c; c = a; a = b; b = c; console.log(a,b);//13,12 通过设置第三方变量交换赋值来实现   ES6 var a = ...

  8. matlab的fda工具使用方法

    MATLAB中用FDATool设计滤波器及使用 该文章讲述了MATLAB中用FDATool设计滤波器及使用. 1. 在Matlab中键入fdatool运行Filter Design and Analy ...

  9. Spring IOC容器的初始化—（一）Resource定位

    前言 上一篇博文“ Spring IOC是怎样启动的 ”中提到了refresh()方法,这个就是容器初始化的入口.容器初始化共有三个阶段: 第一阶段:Resource定位 第二阶段:BeanDefin ...

  10. input type="file" accept="image/*"上传文件慢的问题解决办法

    相信大家都写过<input type="file" name="file" class="element" accept=" ...