HttpHandler实现水印和验证码功能
文章目录
一、为什么要添加水印?
图片加水印可以预防别人盗图,对自身图片有保护作用。经过授权使用图片的商家,使用了加水印的图片后有利于推广原商家知名度。因此为图片添加水印就显得十分的重要。
二、创建一个网站,准备图片资源
1.在网站添加HttpHandler类,继承IHttpHandler接口,编写加水印的功能:
代码如下:
public class TestHandler : IHttpHandler
{
//水印图片
private const string WATERMAF_URL = "~/images/a1.png";
//图片不存在,默认显示的图片
private const string DEFAULTLTIMAGE_URL = "~/images/a2.png";
void IHttpHandler.ProcessRequest(HttpContext context)
{
//得到用户请求的图片
string flePeth = context.Request.PhysicalPath;//请求路径
System.Drawing.Image Cover;
//判断请求的物理路径中是否存在文件
if (File.Exists(flePeth))
{
//加载文件
Cover = Image.FromFile(flePeth);
//加载水印图片
Image watermark = Image.FromFile(context.Server.MapPath(WATERMAF_URL));
//实例化画布
Graphics g = Graphics.FromImage(Cover);
//在image上绘制水印
g.DrawImage(watermark, new Rectangle(Cover.Width - watermark.Width,
Cover.Height - watermark.Height, watermark.Width, watermark.Height), 0,
0, watermark.Width, watermark.Height, GraphicsUnit.Pixel);
//释放画布
g.Dispose();
//释放水印图片
watermark.Dispose();
}
else
{
//加载默认图片
Cover = Image.FromFile(context.Request.MapPath(DEFAULTLTIMAGE_URL));
}
//设置输出格式
context.Response.ContentType = "image / ipeg";
//将图片存入输出流
Cover.Save(context.Response.OutputStream, System.Drawing.Imaging.ImageFormat.Jpeg);
Cover.Dispose();
context.Response.End();
}
public bool IsReusable
{
get { return false; }
}
}
2.在Web.config中配置实现当前请求图片资源是由HttpHandler类处理
配置如下 :
<system.codedom>
<handlers>
<add verb="*" path="Img/*.jpg" name="handlers" type="WebApplication8.HttpHandler"/>
</handlers>
</system.codedom>
2.在Web.config中配置实现当前请求图片资源是由HttpHandler类处理
<form id="from1" runat="server">
<div>
<img src="Img/59254fb7e7bce71354b2c669.jpg" width="256px" height="160px"/>
<img src="Img/5992d1642549594919aa837c.jpg" width="256px" height="160px"/>
<img src="Img/59eadeafe7bce77a990cea6f.jpg" width="256px" height="160px"/>
</div>
</form>
三、验证码
1.先创建一个HttpHandle类
代码如下 :
public class handler : IHttpHandler,IRequiresSessionState
{
//随机数对象
private Random RandomSeed = new Random();
public void ProcessRequest(HttpContext context)
{
//供验证码使用的字符
string strWord = "23456789qwertyuiopasdfghjklzxcvbnm";
string NumStr = null;
for(int i = 0; i < 5; i++)
{
NumStr += strWord[RandomSeed.Next(0, strWord.Length)];
}
//将验证码保存到Session
context.Session["vcode"] = NumStr.ToLower();
CreateImages(context, NumStr);
}
private void CreateImages(HttpContext context,string checkCode)
{
int iwidth = (int)(checkCode.Length * 13);
Bitmap image = new Bitmap(iwidth, 22);
Graphics g = Graphics.FromImage(image);
g.Clear(Color.White);
//定义颜色
Color[] c = { Color.Black, Color.Red, Color.DarkBlue, Color.Green, Color.Orange, Color.Brown, Color.DarkCyan, Color.Purple };
//定义字体
string[] font = { "Verdana", "Microsoft Sans Serif", "Comic Sans MS", "Arial", "宋体" };
Random rand = new Random();
//随机输出噪点
for(int i = 0; i < 50; i++)
{
int x = rand.Next(image.Width);
int y = rand.Next(image.Height);
g.DrawRectangle(new Pen(Color.LightGray,0),x,y,1,1);
}
//输出不同的字体颜色的验证码字符
for(int i = 0; i < checkCode.Length; i++)
{
int cindex = rand.Next(7);
int findex = rand.Next(5);
Font f = new Font(font[findex], 10, FontStyle.Bold);
Brush b = new SolidBrush(c[cindex]);
int ii = 4;
if ((i + 1) % 2 == 0)
{
ii = 2;
}
g.DrawString(checkCode.Substring(i, 1), f, b, 2 + (i * 12), ii);
}
//画一个边框
g.DrawRectangle(new Pen(ColorTranslator.FromHtml("#cccccc"), 0), 0, 0, image.Width - 1, image.Height - 1);
//输出到浏览器
MemoryStream ms = new MemoryStream();
image.Save(ms, ImageFormat.Jpeg);
context.Response.ClearContent();
context.Response.ContentType = "images/gif";
context.Response.BinaryWrite(ms.ToArray());
g.Dispose();
image.Dispose();
context.Response.BinaryWrite(ms.ToArray());
g.Dispose();
image.Dispose();
}
public bool lsReusable
{
get{return false;}
}
}
2.添加一个Web窗体
页面代码如下:
<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<td>账号:</td>
<td>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>密码:</td>
<td>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>验证码:</td>
<td>
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
<asp:Image ID="Image1" runat="server" imageUrl="~/images/2025cbe68b27ef7051689ee2bd164546.jpeg"/>
<asp:LinkButton ID="LinkButton1" runat="server">刷新</asp:LinkButton>
</td>
</tr>
</table>
<asp:Button ID="Button1" runat="server" Text="提交" Style="margin-left:50%;margin-top:2%" OnClick="Button1_Click"/>
</div>
<asp:Label ID="Label1" runat="server" Text=""></asp:Label>
</form>
</body>
编写后台代码,绑定文本框的值,进行登录验证
protected void Button1_Click(object sender, EventArgs e)
{
string account = this.TextBox1.Text;
string password = this.TextBox2.Text;
string code = this.TextBox3.Text;
if (Session["vcode"].ToString() == code.ToLower())
{
if (account == "admin" && password == "123456")
{
Response.Redirect("index.aspx");
}
else
{
Label1.Text = "账号密码不正确";
}
}
else
{
Label1.Text = "验证码不正确";
}
}