建立一个空网站，在设计界面工具箱中拖入一个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. 下载并安装Prism5.0库 Download and Setup Prism Library 5.0 for WPF（英汉对照版）

    Learn what’s included in Prism 5.0 including the documentation, WPF code samples, and libraries. Add ...

  2. .NET学习路线之我见（转）

    这是我的第一篇博客,所以,我想写个大的,至少这个话题是比较大的. 在文章的开头,首先声明,这篇文章仅代表我个人的想法,并且只适合.NET的初学者,如果你已经有两年以上的开发经验,我劝你还是别看了,省得 ...

  3. Lua基础---流程控制语句

    Lua提供了if语句和if else语句作为流程控制语句,当然,符合C的特点,流程语句之间可以实现嵌套操作,当然流程控制也可以和循环体结合进行控制. 1.if语句 if(布尔表达式) then --[ ...

  4. 5.linux目录结构介绍

    目录: 1.linux系统的目录结构特点?为何会形成这样的目录结构? 2.基本目录内容详解! 3.重要目录详解! 1.linux系统的目录结构特点? A.Linux系统的目录结构是一棵倒挂的大树,”/ ...

  5. Golang使用MongoDB通用操作

    MongoDB是Nosql中常用的一种数据库,今天笔者就简单总结一下Golang如何使用这些通用的供能的,不喜勿喷... 研究的事例结构如下: type LikeBest struct { Autho ...

  6. [QT]QToolBox 抽屉控件初步学习使用

    创建一个不带界面的widget工程201701100038. main.c #include "widget.h" #include <QApplication> #i ...

  7. 浅析Python中bytes和str区别

    本博转载自:Chown-Jane-Y的浅析Python3中的bytes和str类型 Python 3最重要的新特性之一是对字符串和二进制数据流做了明确的区分.文本总是Unicode,由str类型表示, ...

  8. win7C盘不够用怎么办

    Windows 7 是由微软公司(Microsoft)开发的操作系统,核心版本号为Windows NT 6.1.Windows 7 可供家庭及商业工作环境.笔记本电脑.平板电脑.多媒体中心等使用. 工 ...

  9. 【SQL】分组数据，过滤分组-group by , having

    学习笔记,原文来自http://blog.csdn.net/robinjwong/article/details/24845125 创建分组 - GROUP BY 分组是在SELECT语句的GROUP ...

  10. Hadoop（二）自定义输出

    Hadoop提供了较为丰富的数据输入输出格式,可以满足很多的设计实现,但是在某些时候需要自定义输入输出格式. 数据的输入格式用于描述MapReduce作业的数据输入规范,MapReduce框架依靠 数 ...