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.

Remove the `~`. Use `/Images/picture.jpg`. `/` Indicates to start on the root directory: http://stackoverflow.com/questions/14489016/how-to-properly-reference-local-resources-in-html `~` is used as alias on **server-side** (for Server.MapPath for example) — Rumpelstinsk, Aug 24 '16 at 05:57

score 12 · Accepted Answer · answered Aug 24 '16 at 06:14

12

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

answered Aug 24 '16 at 06:14

Ateik

2,458
4
39
59

Why is this even an option? – Steve Smith Oct 07 '19 at 15:09
@SteveSmith by default you dont want to expose your server files, so you need to enable it – Ateik Nov 14 '19 at 07:28

score 6 · Answer 2 · answered Sep 12 '17 at 14:39

6

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

C:\{project_folder}\wwwroot\images

answered Sep 12 '17 at 14:39

Gokce Akcan

61
1
3

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

2 Answers2