在asp.net mvc 4项目中引用图像的正确方法是什么？

Question

我的图像引用如下所示：src="../../Images/backup5.jpg"。这与项目结构相匹配。虽然在发布的版本中，这些链接不起作用。如果我通过删除“../”将路径更改为src="../Images/backup5.jpg"，则图像将正确显示。引用这些图像的正确方法是什么，以便它们在开发版本和已发布版本中都有效？

跟进，当在css中用作background:属性时，该怎么看？

Answer 1

您应该使用Url.Content帮助程序和tilda ~标记（解析为应用程序的根目录）：

src="@Url.Content("~/Images/backup5.jpg")"

Answer 2

尝试src="@Url.Content("~/Images/backup5.jpg")"。

Answer 3

@Url.Content("~/Images/backup5.jpg")似乎是一种体面的方式。

Answer 4

为了使那些不在MVC项目中工作的人受益，他们可以使用：

<img src="../Images/yourImage.png" height="yourHeight" width="yourWidth"/>

其中Images是添加到现有项目的新文件夹，可以通过右键单击yourImage.png文件夹并选择{{1}，将Images添加到该文件夹​​。 }，然后Add，然后导航到文件的存储位置。

Answer 5

两种方式

<img src="@Url.Content("~/Images/trash.svg")">  OR 
<img src='/images/trash.svg'>