从ASP.NET MVC框架迁移到ASP.NET Core 3.1 MVC后图像不显示

Question

After migrating my ASP.NET MVC project to ASP.NET Core 3.1 MVC, the images that are in the project folders are no longer appearing in the view.

Please, what is happening?

<img src="@ViewBag.ImagePath" class="rounded img-fluid" alt="" id="Image1">

Answer 1

When using .net core you need to explicitly configure the application to serve static files like.css, .js or image files.

To configure this function go to your Startup.cs file, then inside the method Configure(IApplicationBuilder app, IWebHostEnvironment env) add the following line: app.UseStaticFiles(); before app.UseRouting();

If your application is already configured to serve static files, please, leave a comment below so we can work on it.

---

Note that in .NET Core image files need to be located inside wwwroot > images and refered like this <img src="~/images/Image1.jpg" class="rounded img-fluid" alt="" id="Image1">

Answer 2

In .net core the folder structure is different. Images need to be stored in wwwroot folder. Also you need to enable static files middleware in

Startup.cs

file in

Configure

method before using MVC or routing.

app.UseStaticFiles();