.NET中的动态生成图像组件

Yknow, theres this really cool library in .NET for dynamically creating images on the fly. However, this article has nothing to do with that, so if thats what youre looking for, stop now. What this article is about is very simple -- how to use a single line of code (via a component call) to output the contents of an image residing on the servers hard drive. Why not just use an IMG tag? Well, we want this page to used as the SRC of an IMG tag, so it has to actually have a content-type of "image/gif" and use BinaryWrite to display the image. To do this in Classic ASP requires a custom component (or a third party component such as Persits ASPUpload, which has a SendBinary method that does this). In fact, lets take a look at how this works with a quick sample before we do it in .NET. Below is the complete code required to display a static image using ASPUpload. You can see this file in action by clicking here.

displayimage.asp:
1 <% OPTION EXPLICIT %>
2
3 <%
4 objUpload.SendBinary Server.MapPath("/images/aspalliance_fade_468x60.gif"), True
5 %>

Now, lets do this in .NET. We can use the System.Drawing library to open an image and display it, using the following code:

displayimage.aspx:
1 <%@ Page language="c#" AutoEventWireup="false" Trace="false" Debug="false" %>
2 <% @Import Namespace="System.Drawing" %>
3 <% @Import Namespace="System.IO" %>
4 <% @Import Namespace="System.Drawing.Imaging" %>
5 <%@ OutputCache Duration="100" VaryByParam="none" %>
6 <%
7 string path;
8 path = Server.MapPath("///images//aspalliance_fade_468x60.gif");
9 System.Drawing.Image myImage = System.Drawing.Image.FromFile(path);
10
11 MemoryStream tempStream = new MemoryStream();
12 myImage.Save(tempStream,ImageFormat.Gif);
13
14 Response.ClearContent();
15 Response.ContentType = "image/gif";
16 Response.BinaryWrite(tempStream.ToArray());
17 Response.End();
18 %>

Here is the result of using this code as the SRC of an IMG tag:

Old:(Notice that there is a problem here -- this is an animated GIF, but this version doesnt show any more than the first frame of the graphic. Not good. So well scrap that version, hope that perhaps there is an animated GIF type supported in the future, and move on.)

As you can see, the above example renders the animated GIF image just fine now, thanks to updates to the .NET Framework in Beta2. The HTTPImage Class, below, is no longer necessary, but is left for posterity. -- Steve The HTTPImage Class -- NO LONGER FUNCTIONAL (or necessary) UNDER BETA 2

You can tell were getting to the real thing now, because I actually bothered to put the working code into a class file. In this case, I called it HTTPImage, and its written in C# and has two simple methods. Actually, one overloaded method, outputImageViaHTTP, which takes either a virtual file path or a static file path. Before we get into the class, lets see it in action by looking at a simple ASPX page that uses it. Click here for the example, and below is the source code. Note that the ASP.NET page is passing its own instances of Response and Server to the component (line 8). Well see how the component uses these below.

displayimage2.aspx:
1 <%@ Page Language="c#" ContentType="image/gif" %>
2 <%@ Import Namespace="stevenator.components" %>
3 <%@ OutputCache Duration="100" VaryByParam="none" %>
4

Pretty cool, eh? The image is actually animated, as its supposed to be. Now, the reason this is even remotely useful is so that if you want to show a random image, like for an ad banner, you can use this method to output the image from your file system. For example, this image tag has as its source the same file that we just looked at (it is animated to fade in about once per minute):

Ok, now were finally ready to actually look at the class. First, here is the source code:

HTTPImage.cs:
1 namespace stevenator.components
2 {
3 using System;
4 using System.IO;
5 using System.Web;
6
7 ///

Were going to use the FileStream object to access the image, and we will need to know the files size so that we know when to stop reading and avoid an error. Lines 27 to 30 do all 90% of the work for this class, by loading the buffer with the contents of the file. Then all that remains is to set the content type to an image type (in this case, Ive hardcoded it to be "image/gif", but you could make that a parameter or base it on the file extension) and then use the BinaryWrite command to output the image. The BinaryWrite command is nothing new to Classic ASP developers -- in fact, the basic concepts of this whole article are all old news for Class ASP developers, but I hadnt done this in .NET before, so I thought Id share it with you. Hopefully itll help a few of you get going with .NET a little faster. If you just want to plug the component in and see it work, you can download it here: HTTPImage.dllX. The download didnt like the fact that it was a dll, so remove the X from the end of the filename after you download it. You can get the C# source here.