gpt4 book ai didi

c# - 如何从数据库加载 ASP.NET 中的图像作为 Web 浏览器中的文件?

转载 作者:行者123 更新时间:2023-11-29 18:34:58 24 4
gpt4 key购买 nike

我在 SQL Server 数据库中有一些图像。我想在用户单击按钮时显示它们,但我希望它们作为文件加载到浏览器中,以便在用户调整窗口大小时图像自动调整大小。

例如,在 Firefox 中,如果您转到"file"->“打开文件...”并在您的计算机上选择一个图像,它会将其加载到一个新窗口中并在您拖动滚动条时为您调整其大小。我的问题是,如何将图像作为文件从 SQL Server 数据库加载到浏览器中?我在用户单击 GridView 中的 View 的表单上有以下代码:

<script type="text/javascript">
function ShowImageInNewPage(url_add) {
window.open(url_add, 'ViewScreenshot', 'resizable=yes,scrollbars = yes');
}
</script>

<asp:GridView
ID="grdTrades"
runat="server"

<... removed some properties for brevity ...>
>
<Columns>
<asp:CommandField ShowSelectButton="true" ButtonType="Link" SelectText="Select" />

<.. removed some columns for brevity ...>

<asp:TemplateField HeaderText="Screenshot" >
<ItemTemplate>
<input type="button" size="x-small" value="View" onclick="javascript:ShowImageInNewPage('DisplayImage.aspx?screenshotId=<%# Eval("screenshotId") %>');" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>

DisplayImage.aspx 有这段代码:

<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (Request.QueryString["screenshotId"] != null)
{
int screenshotId= int.Parse(Request.QueryString["screenshotId"]);
imgScreenshot.ImageUrl = "App_Handlers/ImageHandler.ashx?screenshotId=" + screenshotId;
}
}
</script>

<html>
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Image ID="imgScreenshot" runat="server" />
</div>
</form>
</body>
</html>

App_Handlers/ImageHandler.ashx 有这段代码:

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

using System;
using System.Web;
using System.Data;
using DatabaseComponent;

public class ImageHandler : IHttpHandler {

public void ProcessRequest (HttpContext context) {

if (context.Request.QueryString["screenshotId"] != null)
{
int screenshotId = int.Parse(context.Request.QueryString["screenshotId"]);

DBUtil DB = new DBUtil();
DataTable dt = DB.GetScreenshot(screenshotId);

if (dt != null)
{
Byte[] bytes = (Byte[])dt.Rows[0]["screenshot"];
context.Response.Buffer = true;
context.Response.Charset = "";
context.Response.Cache.SetCacheability(HttpCacheability.NoCache);
context.Response.ContentType = dt.Rows[0]["contentType"].ToString();
context.Response.AddHeader("content-disposition", "attachment;filename=" + dt.Rows[0]["fileName"].ToString());
context.Response.BinaryWrite(bytes);
context.Response.Flush();
context.Response.End();
}
}
}

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

这是 DisplayImage.aspx 的响应 header

Server: ASP.NET Development Server/10.0.0.0
Date: Wed, 10 Nov 2010 13:13:37 GMT
X-AspNet-Version: 4.0.30319
Transfer-Encoding: chunked
Cache-Control: no-cache
Pragma: no-cache
Expires: -1
Content-Type: image/JPG
Connection: Close

感谢@leppie,我现在将原来的问题更改为使用图像处理程序。感谢您的观看!

更新

我现在已将 DisplayImage.aspx 更改为此代码,但现在我遇到了一些非常奇怪的行为。当我单击图像链接时,此页面加载并且 firefox 询问我是否要保存 DisplayImage.aspx。到底是怎么回事?如何让 Firefox 将图像作为文件加载?

显示图像.aspx:

<%@ Page Language="C#" ContentType="image/*"  %>

<script runat="server">
</script>

<html>
<head runat="server">
<title></title>
</head>
<body>
<img src="App_Handlers/ImageHandler.ashx?screenshotId=<%=Request.QueryString["screenshotId"]%>" />
</body>
</html>

如果我从页面声明中删除 ContentType,图像将加载到新窗口中,但图像不会缩放,也不会自行调整大小。拔掉我的头发...

最佳答案

您不应使用页面返回图像数据。相反,您应该使用 HttpHandler。 HttpHandler 是一个实现 IHttpHandler 的类界面。 IHttpHandler 接口(interface)比 Page 接口(interface)更底层。 Page 实际上确实实现了 IHttpHandler 本身,但是 Page 的目的是返回 html,这就是为什么你不应该使用它来返回图像数据。

关于c# - 如何从数据库加载 ASP.NET 中的图像作为 Web 浏览器中的文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4142805/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com