如何将.ashx处理程序与asp：Image对象一起使用？

Question

我有一个ashx处理程序：

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

using System;
using System.Web;

public class Thumbnail : IHttpHandler
{

    public void ProcessRequest(HttpContext context)
    {
        string imagePath = context.Request.QueryString["image"];

        // split the string on periods and read the last element, this is to ensure we have
        // the right ContentType if the file is named something like "image1.jpg.png"
        string[] imageArray = imagePath.Split('.');

        if (imageArray.Length <= 1)
        {
            throw new HttpException(404, "Invalid photo name.");
        }
        else
        {
            context.Response.ContentType = "image/" + imageArray[imageArray.Length - 1];
            context.Response.Write(imagePath);
        }
    }

    public bool IsReusable
    {
        get { return true; }
    }
}

现在，此处理程序所要做的就是获取图像并将其返回。 在我的aspx页面中，有以下一行：

<asp:Image ID="Image1" runat="server" CssClass="thumbnail" />

其背后的C＃代码为：

Image1.ImageUrl = "Thumbnail.ashx?image=../Files/random guid string/test.jpg";

当我查看网页时，图像没有显示并且HTML完全显示了我键入的内容：

<img class="thumbnail" src="Thumbnail.ashx?image=../Files%5Crandom guid string%5Cimages%5Ctest.jpg" style="border-width:0px;" />

有人可以告诉我为什么这不起作用吗？ 不幸的是，我昨天才开始使用ASP.NET，我不知道它是如何工作的，因此，请尽可能保持简单的解释，谢谢。

Answer 1

您正在打印出图像的路径，而不是实际的图像内容。 使用

context.Response.WriteFile(context.Server.MapPath(imagePath));

方法代替。

确保将路径限制在某个安全的位置。 否则，您可能会引入安全漏洞，因为用户将能够看到服务器上任何文件的内容。

Answer 2

此代码有助于从指定路径按文件名查看图像。
例如 http://onlineshoping.somee.com/Fimageview.ashx?FImageName=FrozenToront.Jpg

并且您可以在ASPX html正文中使用.ashx。

例：

<image src="/Timageview.ashx?TImageName=FrozenToront.Jpg"
                                      width="100" height="75" border="1"/>

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

    /// <summary>
    /// Created By Rajib Chowdhury Mob. 01766-306306; Web: http://www.rajibs.tk
    /// Email: mysuccessstairs@hotmail.com
    /// FB: https://www.facebook.com/fencefunny
    /// 
    /// Complete This Page Coding On Fabruary 12, 2014
    /// Programing C# By Visual Studio 2013 For Web
    /// Dot Net Version 4.5
    /// Database Virsion MSSQL Server 2005
    /// </summary>

    using System;
    using System.IO;
    using System.Web;

public class Fimageview : IHttpHandler {

    public void ProcessRequest(HttpContext context)
    {

        HttpResponse r = context.Response;
        r.ContentType = "image/png";
        string file = context.Request.QueryString["FImageName"];
        if (string.IsNullOrEmpty(file))
        {
            context.Response.Redirect("~/default");//If RequestQueryString Null Or Empty
        }
        try
        {
            if (file == "")
            {
                context.Response.Redirect("~/Error/PageNotFound");
            }
            else
            {
                r.WriteFile("/Catalog/Images/" + file); //Image Path If File Name Found
            }
        }
        catch (Exception)
        {
            context.Response.ContentType = "image/png";
            r.WriteFile("/yourImagePath/NoImage.png");//Image Path If File Name Not Found
        }
    }
    public bool IsReusable
    {
        get
        {
            return false;
        }
    }
}

Answer 3

我是原始海报，终于找到了问题所在。 我要做的就是改变：

<asp:Image ID="Image1" runat="server" CssClass="thumbnail" />

至：

<asp:Image ID="Image1" runat="server" CssClass="thumbnail" imageurl='<%# "~/Thumbnail.ashx?image=" + Utilities.ToURLEncoding("~\\Files" + DataBinder.Eval(Container.DataItem, "file_path")) %>' />

标点符号需要更改为其HTML等效项，因此反斜杠将变为％5C等，否则它将不起作用。

哦，我忘了提及，它在DataList中。 使用Image1.ImageUrl = "Thumbnail.ashx?image=blahblah"; 奇怪的是，在DataList外部无法正常工作。