将图像添加到 Asp dot net mvc 项目答案

【问题标题】：Adding the images to the Asp dot net mvc project将图像添加到 Asp dot net mvc 项目
【发布时间】：2020-06-14 18:33:23
【问题描述】：

我正在尝试将徽标插入导航栏。但它没有正确加载。我不知道为什么图像的 src 不去那个文件路径。

这是 CsHtml 文件的代码：

<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-dark border-bottom box-shadow mb-3" style="background-color:#249116;">
            <div class="container">
                <img src="../logo.png" />
                <a class="navbar-brand" asp-area="" asp-controller="EquipmentMasterModels" asp-action="Index" style="margin-left:10%;">SpireViews</a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
                        aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="font-weight-bolder text-center text-light">
                    Communication Channel
                </div>
            </div>
        </nav>

这是我在 dot net 中的文件夹结构：

这是浏览器控制台中显示的错误消息：

【问题讨论】：

请分享图片的属性。什么是“构建操作”和“复制到输出目录”属性？
我是否正确假设视图是_Layout
转到网络选项卡并查看它尝试加载的图像的完整 URL。您可能需要将 src 设为 ../../logo.png 或 ../Views/logo.png
检查图像的路径（在构建时，因此是整个路径），然后手动路由到该路径以查看图片是否存在。我认为它指的是地图“共享”，它不包含名为“徽标”的图像。

标签： c# asp.net asp.net-mvc razor

【解决方案1】：

当您在 MVC 中创建应用程序时，会有一个文件夹 Content。在该文件夹中创建一个您喜欢的文件夹，我使用 IMG。

当您以 yourpage.cshtml 格式创建图像时，请执行以下操作：

img src="../Content/IMG/image.png" 。不要忘记..

这将使它工作。您不必在 inetpub 根目录中创建图像文件夹。

DroidRiot C# 程序员

【讨论】：

【解决方案2】：

首先，您已将其指定在更高的文件夹中，而不是将图像放置在 /Images 文件夹中并将其称为 .不要忘记 Views 文件夹中的文件不称为 /Views，它们隐含在应用程序的根文件夹中。

【讨论】：

【解决方案3】：

将您的 logo.png 移动到 wwwroot 文件夹并使用 ~/logo.png，因为 ASP.NET Core 仅从 wwwroot 文件夹获取静态文件。

【讨论】：

但是 OP 使用的是 ASP.NET-MVC。非核心
应该是项目文件夹结构，看起来像ASP.NET Core，但写题有错误。
我同意。在 ASP.NET-MVC 中默认没有 wwwroot 文件夹，但在 Core 中有，而且他上传的图像看起来像是一个 .NET Core 项目。此外，.cshtml trasitional MVC 中没有 asp-area 或 asp-controller。