Images not loading in ASP.NET MVC

Question

Currently trying to build a company intranet, however the home page images I'm using aren't loading.

<div class="col-md-4">
    <img src="~/Views/Home/Icons/document.png" />
</div>

All images are in png format inside a folder next to the cshtml I'm trying to load them in.

ryachza · Accepted Answer · 2017-10-02 18:31:19Z

1

Client image elements can not solve "~"

There are two ways to fix this:

add runat="server" to your image elements
use src='<%=ResolveClientUrl("~/image/a.jpg")%>'

UPDATES: sorry, I did not realize you are using MVC.

Then I think you should just move your images out of view folder. By default any resources under view folder are not accessible from client, that’s why you can not load your image

edited Oct 2, 2017 at 18:31

ryachza

4,54020 silver badges28 bronze badges

answered Oct 2, 2017 at 15:25

Ray H

5213 silver badges8 bronze badges

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

3 Comments

Riley Over a year ago

Thank you, this has solved the problem. I was getting a bit lost when the other answers to similar questions weren't fixing the issue.

Fran Over a year ago

there is no runat="server" in mvc.

Ray H Over a year ago

@Fran check my updates. :) i did not notice he is using mvc at beginning

Collectives™ on Stack Overflow

Images not loading in ASP.NET MVC

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related