Asp.Net Mvc 5 image not displaying

Question

I have same images in Content and Views folders. I am trying to display images as below:

<img src="~/Content/Images/download.png" alt="Content folder" />
<br />
<br />
<img src="~/Views/Home/download.png" alt="Views folder" />
<br />

The image in Content folder displays successfully but the one in Views folder doesn't display and gives below error:

Failed to load resource: the server responded with a status of 404 (Not Found)

But actually, the resource is there. Here are my folders:

Could you please tell me which point I am doing wrong? I am using MVC 5 with razor engine and Visual Studio 2015 community edition.

why you are adding images in Views directory? you should'nt

Ehsan Sajjad
– Ehsan Sajjad

2016-09-18 10:22:06 +00:00
Commented Sep 18, 2016 at 10:22 — Ehsan Sajjad
– Ehsan Sajjad, Commented Sep 18, 2016 at 10:22
@EhsanSajjad, but why mvc could not found the file?

Omer
– Omer

2016-09-18 10:29:16 +00:00
Commented Sep 18, 2016 at 10:29 — Omer
– Omer, Commented Sep 18, 2016 at 10:29
try this src="@Url.Content("~/Views/Home/download.png")"

M.Azad
– M.Azad

2016-09-18 10:53:13 +00:00
Commented Sep 18, 2016 at 10:53 — M.Azad
– M.Azad, Commented Sep 18, 2016 at 10:53
@M.Azad, did not worked

Omer
– Omer

2016-09-18 11:01:53 +00:00
Commented Sep 18, 2016 at 11:01 — Omer
– Omer, Commented Sep 18, 2016 at 11:01
Because views folder is not for that purpose

Ehsan Sajjad
– Ehsan Sajjad

2016-09-18 12:10:56 +00:00
Commented Sep 18, 2016 at 12:10 — Ehsan Sajjad
– Ehsan Sajjad, Commented Sep 18, 2016 at 12:10

krivtom · Accepted Answer · 2016-09-18 11:06:22Z

5

Unless you changed the default configuration, folder Views contains file Web.config that has settings for restricting access to files in this folder:

<system.webServer>
    <handlers>
      <remove name="BlockViewHandler"/>
      <add name="BlockViewHandler" path="*" verb="*" preCondition="integratedMode" 
           type="System.Web.HttpNotFoundHandler" />
    </handlers>
</system.webServer>

So you can either remove this handler (which is not recommended for security purposes), or move your static files to some other folder, e.g. Content.

answered Sep 18, 2016 at 11:06

krivtom

25k10 gold badges53 silver badges54 bronze badges

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

Comments

Shiham Sham · Accepted Answer · 2016-09-18 11:08:17Z

3

Its because of the inbuilt security of ASP MVC to protect your views being accessed directly. Check removing 'BlockViewHandler' handler entry from ~/Views/web.config

My advice is to move image to 'Content' folder and keep 'Views' folder clean.

answered Sep 18, 2016 at 11:08

Shiham Sham

2,1941 gold badge28 silver badges37 bronze badges

Comments

Sandip - Frontend Developer · Accepted Answer · 2016-09-18 11:14:50Z

3

Any MVC Version not allow to load other resource except html from Views folder. Because when you call a URL it waiting for text/html content type and because of that image inside main Views folder not able to render in page.

for better information please check file header request and response in browser (development tool/F12) network tab.

Response of image from Views:

Response of image from content folder:

answered Sep 18, 2016 at 11:14

Sandip - Frontend Developer

14.7k5 gold badges38 silver badges62 bronze badges

Comments

Naga · Accepted Answer · 2019-12-20 07:38:26Z

2

In .net core 3 you will also need this below line in startup.cs

app.UseStaticFiles(new StaticFileOptions
            {
                FileProvider = new PhysicalFileProvider(
                Path.Combine(Directory.GetCurrentDirectory(), @"wwwroot\images")),
                RequestPath = "/wwwroot/images"
            });

answered Dec 20, 2019 at 7:38

Naga

2,5953 gold badges25 silver badges34 bronze badges

1 Comment

guisantogui Over a year ago

It works, acctually, you should just change @"wwwroot\images" by @"wwwroot/images"

Syed Akhter · Accepted Answer · 2021-09-01 11:00:55Z

-1

<img src="@Url.Content("~/Views/Home/download.png")" alt="Views folder" />

answered Sep 1, 2021 at 11:00

Syed Akhter

675 bronze badges

Collectives™ on Stack Overflow

Asp.Net Mvc 5 image not displaying

5 Answers 5

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related