1

在创建 ASP.NET 自定义用户控件时，我是新手，该控件将呈现 .png 图表并将其返回到 ASP.NET Web 应用程序。

我创建了一个简单的沙箱项目，它在位图上创建一个椭圆，将其渲染到 MemoryStream，现在我想流式传输通过 HTTP 处理程序连接的输出，以便在我的标记页面中渲染一个 asp:image。

我的问题是我不知道如何将在我的用户控件中创建的 MemoryStream 连接到 http 处理程序的 GetImage 方法。我知道在方法中创建内存流的 HTTP 处理程序的 GetMethod 不正确，但我不知道如何访问代码隐藏的内存流。

我的原型测试项目代码是：

namespace ChartControl
{
    public partial class ChartCtl : System.Web.UI.UserControl
    {

        private int imageHeight = 150;
        private int imageWidth = 400;

        protected void Page_Load(object sender, EventArgs e)
        {
            renderChart();
        }

        protected MemoryStream renderChart()
        {
            Image imgChart = new Bitmap(imageWidth, imageHeight);
            Graphics g = Graphics.FromImage(imgChart);
            Rectangle r = new Rectangle(0, 0, imageWidth, imageHeight);
            g.DrawEllipse(Pens.Orange, g.VisibleClipBounds);
            MemoryStream ms = new MemoryStream();
            imgChart.Save(ms, ImageFormat.Png);
            return ms;
        }
     }
}

我的 HTTP 处理程序是：

namespace WIChart.UserControls
{
    public class ImageHandler : IHttpHandler
    {
        public void ProcessRequest(HttpContext context)
        {
            context.Response.Clear();

            if (!String.IsNullOrEmpty(context.Request.QueryString["id"]))
            {
                int id = Int32.Parse(context.Request.QueryString["id"]);

                // Now we have the id, just pass it to GetImage to build the image
                Image image = GetImage(id);
                context.Response.ContentType = "image/png";
                image.Save(context.Response.OutputStream, ImageFormat.Png);
            }
            else
            {
                context.Response.ContentType = "text/html";
                context.Response.Write("<p>Valid id is required.</p>");
            }
        }
        #region IHttpHandler Members

        public bool IsReusable
        {
            get { return false; }
        }

        private Image GetImage(int id)
        {
            MemoryStream stream = new MemoryStream();
            return Image.FromStream(stream);
        }
        #endregion
    }

}

我的 .ascx 页面是：

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ChartCtl.ascx.cs" Inherits="ChartControl.ChartCtl" %>
<%@ Register Assembly="System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Namespace="System.Web.UI.DataVisualization.Charting" TagPrefix="asp" %>


<div class="content-wrapper">
    <div class="float-left">
        <p class="site-title">
            <asp:Image id="imgChart" ImageUrl="~/ImageHandler.ashx?id=1" runat="server" />
        </p>
    </div>
</div>

感谢您提供的任何帮助！

4

2 回答 2

1

我不明白你到底需要什么。但是您可以使用以下代码从用户控件加载图像。

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

namespace WebApplication1
{
    public class ImageHandler : Page, IHttpHandler
    {
        public new void ProcessRequest(HttpContext context)
        {
            context.Response.Clear();
            ChartCtl chartCtl = (ChartCtl)LoadControl(ResolveClientUrl("ChartCtl.ascx"));
            MemoryStream ms = new MemoryStream();
            ms = chartCtl.renderChart(ms);

            context.Response.Clear();
            context.Response.ContentType = "image/jpeg";
            context.Response.BinaryWrite(ReadFully(ms));
            context.Response.End();
        }

        public static byte[] ReadFully(Stream input)
        {
            byte[] buffer = new byte[16 * 1024];
            using (MemoryStream ms = new MemoryStream())
            {
                int read;
                while ((read = input.Read(buffer, 0, buffer.Length)) > 0)
                {
                    ms.Write(buffer, 0, read);
                }
                return ms.ToArray();
            }
        }

        #region IHttpHandler Members

        public new bool IsReusable
        {
            get { return false; }
        }

        #endregion
    }

}

HTML-

<asp:Image ID="imgChart" ImageUrl="~/ImageHandler.ashx" runat="server" />

图表控件 -

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.IO;
using System.Drawing;
using System.Drawing.Imaging;

namespace WebApplication1
{
    public partial class ChartCtl : System.Web.UI.UserControl
    {
        private int imageHeight = 150;
        private int imageWidth = 400;

        public MemoryStream renderChart(MemoryStream ms)
        {
            Image imgChart = new Bitmap(imageWidth, imageHeight);
            Graphics g = Graphics.FromImage(imgChart);
            Rectangle r = new Rectangle(0, 0, imageWidth, imageHeight);
            g.DrawEllipse(Pens.SteelBlue, g.VisibleClipBounds);
            imgChart.Save(ms, ImageFormat.Jpeg);                    // save the image to the memorystream to be processed via the Image/HttpHandler
            imgChart.Save(Context.Response.OutputStream, ImageFormat.Jpeg);    // save to drive just to verify that image is being properly created.
            return ms;
        }
    }
}

Web.Config [IIS 7] - 

<system.webServer>
    <modules runAllManagedModulesForAllRequests="true"/>
    <handlers>
      <add name="ImageHandler" verb="*"
       path="ImageHandler.ashx"
       type="WebApplication1.ImageHandler, WebApplication1"
       resourceType="Unspecified" />
    </handlers>
  </system.webServer>

Mem Stream到字节数组的转换是从Creating a byte array from a stream

检查此链接http://www.codeproject.com/Articles/34084/Generic-Image-Handler-Using-IHttpHandler

PS - 我不知道为什么你的代码只使用构造函数执行。没有构造函数，我可以执行代码。当您从 Handler 加载 Web 控件时，不会执行正常的页面事件。我们需要手动调用方法。

我认为您需要在 IIS 中托管您的网站才能调用 HTTpHandler，我不确定这部分。

于 2013-06-14T11:45:14.393 回答
0

将图像处理程序用作页面时，您在这方面有点倒退——尝试将页面视为您引用图像的静态 HTML，答案非常简单。您需要做的是添加一个引用您的图形生成处理程序的图像标签 - 即<img src="~/MyHandler.ashx" />.

然后挑战变成了如何将数据编组到处理程序中。有很多方法可以处理这个问题，如果数据很简单，基本的方法是查询字符串变量，或者是具有足够数据的查询字符串，以便处理程序可以返回并加载它自己的数据。

于 2013-06-15T12:05:38.890 回答