Asp.Net Core: How do I display an image?

Question

Hey I tried to make a page in Asp.Net Core and I want to put an image in the background but the way I tried wasn't very successfully.

<style>
    .body {
        background-image: url('..\pictures\mypicture.jpg');
    }
</style>

Or when I tried to make a normal picture it didn't work either:

<img src="..\picture\mypicture.png"/>

put the pictures folder under wwwroot and make sure you have app.UseStaticFiles() in startup. — LazZiya
– LazZiya, Commented Mar 4, 2020 at 12:48

Saeed Mardomi · Accepted Answer · 2020-03-04 12:51:01Z

1

first make sure your picture folder is in wwwroot and make sure you have app.UseStaticFiles() in startup. ,after than, try this :

<img src="/picture/mypicture.png"/>

or

<style>
   .body {
          background-image: url('~/pictures/mypicture.jpg');
         }
</style>

answered Mar 4, 2020 at 12:51

Saeed Mardomi

1392 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1