图像未在mvc asp.net中显示

Question

我正在尝试在我的网页上显示徽标。但它没有在浏览器中显示。图像保存在Views / shared文件夹中。 我在Views / Shared / _Layout.cshtml

中使用此代码

<img src="~/Views/Shared/sabariimg1.jpg" alt="Sample pic" />

但是在浏览器中它没有显示出来。显示如下

Answer 1

您可以使用@ Url.Content（String fileName）在源文件夹中拾取该图像文件。像这样：

<img id="img_logo" alt="Logo" src="@Url.Content("~/Content/Images/abc.png")" />

Answer 2

1. “图片保存在观看/共享文件夹中。”请在 开始文件夹Views / Shared是用于视图文件（.cshtml）而不是 用于共享数据。您可以在根目录中创建新文件夹 像保存所有图像的图像。对于徽标，更好 这个文件结构“Images / Logos”或在Content文件夹中 “内容/图片/徽标”。这不是必需的，但良好做法 !!!
2. 要从任何文件夹访问文件，您可以使用“〜” 根应用程序的绝对路径。这意味着访问你的 文件图片您只需使用以下代码行：
   <img id="mylogo" src="~/Images/Logos/myimage.jpg" alt="my image logo" class="logo" />
   

我认为这适用于任何asp.net Webforms和MVC Web应用程序

Answer 3

您说你的图片在共享文件夹中，所以网址不是真的！您的图片应位于图像/徽标/ 文件夹中。

Answer 4

我犯了一个错误，如果这可以帮助解决这个旧问题中的任何人

在开发过程中我没有考虑将代码更改为：

as.factor()

这工作了一段时间，但有些视图没有加载图像

我将其更改为相对于root的相对路径，并且一切正常，因为无论哪个视图导致页面重新加载，它始终可以通过根路径找到图像：

<img src="../Images/filename.jpg" />

Answer 5

这发生在我身上。通过将Images文件夹发布到服务器解决了我的问题（在VS19中，鼠标右键单击该文件夹-> Publish）