Why don't the images don't show up on my ASP.Net core website?

Question

I have an asp.net core web application and I want to add photos to it but when i try to debug it on IIS express, only the image icon shows up and I'm not quite sure what to do. All of my images are jpg's and are in a folder inside of the wwwroot folder. This is how I reference the photos:

<img src="~/Images/picture.JPG" />

I am not sure what to do to make the photos show up.

Answer 1

Make sure you allowing static files to be served:

public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
{
    app.UseStaticFiles();
}

You can read more about it from here: https://docs.asp.net/en/latest/fundamentals/static-files.html

Answer 2

Make sure you put your images in correct folder. In this case it should be:

C:\{project_folder}\wwwroot\images