C# 在Razor网页上显示静态.png图像

我开始学习.NET核心C。虽然我很生疏，但我以前也有一些C#经验。我有一个小的静态web应用程序，它工作得很好，我正在尝试将它迁移到其他应用程序，并将其扩展为一个学习练习。我完全被困在试图让我的图像显示，特别是circle_logo.png

网页显示（虽然布局似乎已经失控-这是明天的问题！），但所有的图像都有断开的链接

我花了几个小时在谷歌博士网站上搜索，我肯定错过了什么，因为在.NETCore中显示一个简单的.png文件似乎需要很多繁重的工作

Index.cshtml

<img src="/image/circle_logo.png" width="40" height="40" style="margin:0px 20px;" alt="Logo Image">

加载应用程序时，图像不会显示在index.cshtml上。它们显示为断开的链接，如果单击，则显示404错误

This localhost page can’t be foundNo webpage was found for the web address: https://localhost:44319/index.html
HTTP ERROR 404

文件夹结构：

---

通过启用服务静态文件

app.UseStaticFiles();

它们的默认文件夹是

wwwroot

---

尝试将图像移动到此文件夹中（或在您的情况下移动到文件夹

wwwroot/image

）。

尝试将“图像”文件夹从“页面”移动到“wwwroot”

---

因此，您的图像将位于“wwwroot/image/circle\u logo.png”，可以通过“/image/circle\u logo.png”访问该图像。

您需要将图像文件夹放在wwwroot中，并在

启动

类的方法配置中添加所需的中间件（您已经拥有）：

在razor页面中，您可以参考以下图像：

<img src="~/image/circle_logo.png" width="40" height="40" style="margin:0px 20px;" alt="Logo Image">

src中的~符号表示我的网站或wwwroot文件夹的“根”

---

来源：

Argh！事情总是简单的。万分感谢！

public void Configure(IApplicationBuilder app)
{
    app.UseStaticFiles();
}

<img src="~/image/circle_logo.png" width="40" height="40" style="margin:0px 20px;" alt="Logo Image">