带有母版页的 aspx 页面上的图像

Posted 2023-03-06

【中文标题】带有母版页的 aspx 页面上的图像

【英文标题】：Images on aspx pages with Master Page

【发布时间】：2013-09-23 09:10:59

【问题描述】：

我有一个母版页，简而言之，母版页上有两张图片（顶部是徽标，底部是 fb 链接）。

但是，当管理员登录时，我确实有一个用于 .aspx 页面的管理文件夹。

所有非管理员页面都需要访问这两张图片，src为image/logo.jpg和image/fb.jpg。但是管理页面需要使用 /image/logo.jpg 和 /image/fb.jpg 的 src 访问图像。

是否可以根据文件夹实现两个单独的路径，而无需创建第二个母版页？

【问题讨论】：

使用 ~/ 在图像路径的开头，这将解析为站点根目录，无论您在哪里

管理员的图片不在它的路由中，而是在后面一个

正确，所以 ~/images/image.jpg 将从 root(AKA ~)/mainpage.aspx、~/admin/admin.aspx 正确渲染，并且可以根据需要进行渲染。请记住，这仅适用于服务器控件，因此如果您想在普通 html 控件中使用它，您需要在其中添加一个 runat="server"。

【参考方案1】：

<img src="/images/yourimage.png" /> 

【参考方案2】：

使用 Image Server 控件代替 html img 标签或 ResolveUrl 方法来处理生成的 url：

<img src='<%= ResolveUrl("~/images/yourimage.png") %>' />