在页面上动态显示从字节数组派生的图像

StackOverflow https://stackoverflow.com/questions/807739

题

我正在调用一个 Web 服务，该服务以字节数组集合的形式返回未知数量的图像。（我无法改变这一点）

我需要在单个 aspx 网页上显示每个图像。

我目前正在使用 Microsoft.Web.GenerateImage 控件；http://www.codeplex.com/aspnet/Release/ProjectReleases.aspx?ReleaseId=16449显示图像。

我遇到的问题是，由于控件调用单独的代码文件来加载图像内容，因此我使用会话状态来存储字节数组，对此我不太满意。

这是我的测试项目中的一些代码；

     Private Sub btnGetChart_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnGetChart.Click
    Dim reportHub As New HubWrapper

    Dim repCharts() As ReportHub.Chart = reportHub.ReportHubChart(Me.ddlReports.SelectedValue, ViewState("params"))

    For Each chart As ReportHub.Chart In repCharts
      Dim sessionKey As String = "img" & System.Guid.NewGuid().ToString

      Dim imgParam As New Microsoft.Web.ImageParameter()
      imgParam.Name = "sessionVar"
      imgParam.Value = sessionKey

      Session(sessionKey) = chart.ChartData

      Dim img As New Microsoft.Web.GeneratedImage
      img.ImageHandlerUrl = "~/chartImageHandler.ashx"
      img.Parameters.Add(imgParam)

      phChart.Controls.Add(img)
    Next
  End Sub

<%@ WebHandler Language="VB" Class="chartImageHandler" %>

Imports System
Imports System.Collections.Specialized
Imports System.Drawing
Imports System.Web
Imports Microsoft.Web

Public Class chartImageHandler
  Inherits ImageHandler

  Implements IRequiresSessionState

  Public Sub New()
    MyBase.New()
    'Set caching settings and add image transformations here
    'EnableServerCache = True

  End Sub

  Public Overrides Function GenerateImage(ByVal parameters As NameValueCollection) As ImageInfo
    Dim byteArry As Byte() = CType(HttpContext.Current.Session(parameters("sessionVar")), Byte())

    HttpContext.Current.Session.Remove(parameters("sessionVar"))

    Return New ImageInfo(byteArry)

  End Function
End Class

实现这一目标的最优雅的方法是什么？

欢迎任何输入！

编辑：附加信息;

  • 来自 Web 服务的图像是 来自 SQL Reporting Services。
  • 图像通常是 一直在变化（没有真正的 缓存要求）。
  • 图像将是特定于用户的。
  • 每个页面仅调用一次 Web 服务。
  • 我实际上是在处理图像 生成的会话状态 image 使用它，因为图像不会 需要再次查看 而。
有帮助吗？

解决方案

您可以使用以下命令将图像数据直接嵌入到页面源中 data: URI 方案。 这是维基百科的描述. 。但这不适用于 8 之前的 IE 版本，这可能会使您的情况无法接受。

其他提示

我想您只想为每个页面请求调用一次 Web 服务。事实上，最好以某种方式缓存字节数组，这样在用户暂时离开页面然后又回来的情况下就不会再次调用 Web 服务。在这种情况下，在会话中保存字节数组是不可避免的。如果您没有使用GenerateImage控件，您仍然需要将字节数组保存在某处。

我理解您对大型会议的担忧。根据您的应用程序的详细信息，您可以采取一些措施来避免这种情况。所有图像均指单个用户，还是某些图像在用户之间共享？图像经常变化吗？如果所有图像都属于单个用户并且经常更改，那么将它们保存在会话中是唯一的解决方案。但是，如果某些用户共享图像或者预计图像不会经常更改，那么您可以在 Web 服务和 Web 应用程序之间创建代理。代理会将图像保存在内存或数据库（或者可能在文件系统中）中，并通过 URL 映射将它们作为资源提供。您需要根据应用程序的内部结构来定义此映射。它可能是这样的：

http://imageproxy/username/photo123123

您还需要创建一个 URL 以返回可用图像的数量：

http://imageproxy/username/imagecount

无需使用GenerateImage 组件。您可以使用标准 img 标签轻松构建页面的 html 源代码。

在 asp.net 中，您可以直接使用响应对象编写和图像，并且主要浏览器将能够显示它。但是你不能传递字节数组，你需要传递内存流。

拿你的 System.Web.HttpContext

Dim ms as New Io.MemoryStream(yourarray)
httpcontext.Response.OutputStream.Write(ms.ToArray,0,ms.Length)

您将其放入 display.aspx 页面中，如果“yourarray”是表示图像的字节数组，则浏览器将显示它。

然后，您可以在任何页面（甚至是纯 html）上使用图像控件，并将图像源设置为“display.aspx”，您的图像就会显示出来。

现在，由于您有多个图像，因此您可能需要创建一个控件并创建它的多个实例，每个图像一个实例传递相应的字节数组。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top