您在哪里存储asp.net mvc项目的图像，以及如何从site.master引用它们

83

我有一个新的asp.net mvc项目，我试图找出存储图像的最佳位置，以及如何从site.master引用它们（在我有要显示在所有文件头图像的情况下）页）。

建议或最佳做法？

asp.net-mvc image

— 里奥拉
source

113

我通常要做的是在Content文件夹中创建一个“ Images”文件夹。只要您保持一致，放置图像的位置实际上取决于您。

从Site.Master引用这些图像与从任何视图引用这些图像相同：

<img src="/Content/Images/mylogo.png" />

替代文字

— 萨尔塞多
source

我试图将图像链接放在site.master文件中，以便它显示在每个页面上。

— leora

然后，您要做的就是创建一个div，并将您的图片作为该div的背景，该图片仅位于您的site.master中。因此，将其显示在每个页面中。如果您不知道如何链接CSS，那应该是您要问的。

— Salcedo

您正在寻求最佳实践，实际上这取决于个人。但是，我发现很难将类似的东西放置在页面本身上，如果我想以更通用的方式完成它，那么我发现最好的地方就是Css。

— Salcedo

4

内容/图像很好，但是引用图像的方式却不行。它仅适用于开发Web服务器和IIS中的根Web应用程序。如果您在虚拟目录中运行Web应用程序，则永远找不到图像

— chris166

2

正如@ chris166所说，请不要使用绝对链接。在MVC 5中，您可以使用~前缀，如下所示：<img src="~/Content/Images/logo.png" />。在这里看到：pseale.com/blog/2013/09/26/ImageLinksInMVCAreMagicalMostly.aspx

— JYL

26

<img src="@Url.Content("~/Content/Images/logo.png")" />

在MVC 5的Razor视图中使用它。图像存储在/ Content / Images中。

— 扎卡里尔
source

4

在MVC 5中，这甚至应该是<img src="~/Content/Images/logo.png" />。在这里看到：pseale.com/blog/2013/09/26/ImageLinksInMVCAreMagicalMostly.aspx

— JYL

是的，当我将上面的示例复制并粘贴到我的MVC项目中时，IDE会自动插入缺少的“〜”

— B. Clay Shannon

8

<%=Html.Image("~/Content/Images/xxx.png")%>

无论您位于网站层次结构中的哪个位置，都可以解决此问题。Html.Image是Microsoft.Web.Mvc期货程序集的一部分。

— 导弹
source

2

或在mvc2中：

<img src="<%: Url.Content("~/Images2/landingMain/safety.png") %>" alt="safety" />

— 弗雷德
source

1

您必须将所有图像都放在内容文件夹中，例如：-内容->图像->。IMG文件，并与样式表文件内容文件夹一样，例如内容->。css，因此它很容易加载图像和CSS，否则就不会以适当的方式执行。

— 维杰乔汉
source