asp.net 网站应用程序中的相对 url答案

【问题标题】：relative url in asp.net website applicationsasp.net 网站应用程序中的相对 url
【发布时间】：2012-03-31 21:38:51
【问题描述】：

我有一张图片，我想以相对格式使用它的 src 属性

当我的网站 URL 是 http://localhost/ 时，我曾经使用此代码来访问此图像文件：

<img alt="something" src="/Files/pic.png">

但现在我必须向我的站点添加一个应用程序并将我的站点 URL 更改为 http://localhost/mysite。

现在我的图片都没有加载到这个网站，因为路径仍然是 http://localhost/Files/pic.png 而不是 http://localhost/mysite/Files/pic.png

如何将我的根 URL (/) 更改为 http://localhost/mysite/？

谢谢

【问题讨论】：

【解决方案1】：

在服务器控件中使用波浪号 ~ 以使用相对路径。

<asp:Image runat="server" ID="myImage" ImageUrl="~/Files/pic.png" />

【讨论】：

【解决方案2】：

在 ASP.Net 中可以使用 ~ 符号来表示 root

<asp:Image ID="Image1" runat="server"  ImageUrl="~/Files/pic.png"/>

【讨论】：

【解决方案3】：

@rrrr 是对的，这样做的方法，

<asp:Image runat="server" ID="myImage" ImageUrl="~/Files/pic.png" />

但我会使用带有 runat="server" 的标准 html 图像

<img runat="server" src="~/YourPath/image.png">

原因：服务器端控件较少

【讨论】：

仍然是一个服务器端控件，它将在您的页面中构建为 System.Web.UI.HtmlControls.HtmlImage 而不是 System.Web.UI .WebControls.Image 就像一样，所以它对资源消耗的影响可以忽略不计。