在 jQuery 对话框中加载带有刷新图像的 aspx 页面答案

【问题标题】：Loading aspx page with flushed image in jQuery dialog在 jQuery 对话框中加载带有刷新图像的 aspx 页面
【发布时间】：2014-04-04 01:34:53
【问题描述】：

我有 page1.aspx 女巫是内容页面。在这个页面上，点击事件被触发：

$("#lnkConsent").click(function (e) {
    var dlg = $("#divConsent").dialog();
    dlg.load('page2.aspx').dialog('open');
 });

html:

<div id="divConsent" title="Consent" class="UniversalDialog"></div>

页面 page2.aspx 是一个空页面，标准 Web 表单，没有服务器端表单或头部：

<html xmlns="http://www.w3.org/1999/xhtml">
<head >
    <title></title>
</head>
<body>
    <form id="form1" >    <div></div>    </form>
</body>
</html>

Page_Load 页面背后的 C# 代码：

Response.ContentType = "image/jpeg";
Response.Clear ( );
Response.BufferOutput = true;
Response.WriteFile ( Path.Combine ( Server.MapPath ( "~/foldername" ), filename);
Response.Flush ( );
Response.End ( );

当通过地址栏调用page2.aspx时正常工作：图片显示但是，当我尝试在 Page1.aspx 的对话框中加载此页面时，结果如下所示：

当然，我想在加载 page2.aspx 的 jQuery 对话框中显示这个刷新的图片。

我的问题是什么？

我错过了什么？

【问题讨论】：

标签： c# javascript jquery html asp.net

【解决方案1】：

您正在使用的 load 函数需要返回 HTML，它永远不会收到。相反，您可能想要做的是创建一个源为page2.aspx 的图像标签，然后将其设置为对话框内容。沿着这些思路（虽然只是一个想法，可能需要一些调整）：

$("#lnkConsent").click(function (e) {
    var dlg = $("#divConsent").dialog();
    var image = $('<img src="page2.aspx"/>');    
    dlg.html(image).dialog('open');
});

【讨论】：

先生，你真是个天才！