在下一个 aspx 页面上打开图像答案

【问题标题】：Open image on next aspx page在下一个 aspx 页面上打开图像
【发布时间】：2014-01-16 22:23:39
【问题描述】：

我在页面上显示图像缩略图，现在我希望在单击图像缩略图时在 IamgeDispData.aspx 页面中打开与该缩略图相关的大图像，我在该页面中创建了一个数据输入表单以输入与该图片相关的数据。我怎样才能做到这一点？借助查询字符串还是其他？？

【问题讨论】：

你能说明你是如何打开 ImageDispData.aspx 的吗？您如何将图像源传递到该页面？您尝试过任何代码吗？

标签： asp.net

【解决方案1】：

查询字符串是一个不错的选择。
你可以做什么把你的图片放在asp:hyperlink
使用 querysting 设置 asp:hyper 链接的 URL
并在您的详细信息页面中从 url

获取它

请注意，您只能在 url 中传递文件路径
而且您必须从物理位置显示它

【讨论】：

【解决方案2】：

借助查询字符串 ??

是的，您可以使用它。只需使用<a> 锚标记或使用asp:hyperlink 服务器端标记围绕您的图像。

可能是这样的

Content/Thumbnails/page.aspx?imageName="your image name"

例如

<a href="http://www.espn.com" target="_blank">
 <img src="ahman.gif" />
</a>

参考：
html - image links
Hyperlink image
How to control the image size of a Hyperlink?

示例代码sn-p：

<asp:HyperLink runat="server" ID="hlThumbnail" NavigateUrl='<%# Eval("Url") %>'
  Target="_blank" Style="height: 66px;">
  <asp:Image runat="server" ID="imgThumbnail" Height="66px"
    ImageUrl='<%# Eval("Thumbnail") %>' />
</asp:HyperLink>

【讨论】：

【解决方案3】：

如果您在向用户显示 Id 时没有问题，这将是最好的解决方案。如果您在显示 Id 时遇到问题，您可以对其进行加密，然后将其用作 Id。您也可以在 ImageDispData.aspx 中再次验证该用户是否有权输入图像数据。

我正在让位于使用查询字符串和 javascript。

您可以使用 JavaScript 的 window.open 函数在新窗口或标签中打开。当您生成缩略图时，使用 url 创建它们：yourBigimage.aspx?photoId=10，使用 jquery onclick 事件打开此 url 并使用 window.open

【讨论】：

您可以为所有图像标签添加一种 css 类。使用 jquery $(".classname").on("click",function(event){ window.location : yourpath?Id=$(this).attr('id') });在 ID 上，您可以放置 photoId