MVC - Accessing css, image, js files in view folder

Question

In my mvc 3 application, assuming I have a folder structure like \Views\Account\js\custom.js How do I add that file to my view in the Account\index.cshtml please?

I have tried:

<script src="js/custom.js" type="text/javascript"></script>
<script src="/views/account/js/custom.js" type="text/javascript"></script>
<script src="~views/account/js/custom.js" type="text/javascript"></script>

but nothing seems to work, firebug always says 404 file not found in places that are nothing like the ones I specify. (sometimes it adds extra view in the path :-s)

I know I can put it outside the view in my own folder and access it like /myFolder/myfile.js and it would work but this javascript file is very intimately related to what's going on in account view and nothing else, so it would make sense to put it there..

thanks.

pjumble · Accepted Answer · 2012-02-27 16:52:59Z

16

The web.config file in the /Views folder restricts all access to files in the folder by default:

<httpHandlers>
  <add path="*" verb="*" type="System.Web.HttpNotFoundHandler"/>
</httpHandlers>

You could change that, but it's probably more secure overall to not store the assets in the views folder.

answered Feb 27, 2012 at 16:52

pjumble

17k6 gold badges45 silver badges52 bronze badges

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

2 Comments

LocustHorde Over a year ago

hm... yea, modifying that particular behaviour of web.config seems like a foolish thing to do.. I will just put this js file with the rest of my js files.. thanks very much.

slolife Over a year ago

See stackoverflow.com/questions/604883/… for an example of how to explicitly allow just js files to be served from the Views folder.

Lester · Accepted Answer · 2012-02-27 16:45:47Z

2

You can use a UrlHelper:

<script src="@Url.Content("~/view/account/js/custom.js")" type="text/javascript"></script>

answered Feb 27, 2012 at 16:45

Lester

4,4133 gold badges30 silver badges31 bronze badges

1 Comment

LocustHorde Over a year ago

Hi, I gave this a go, but it's still coming up as 404.. I tried to look at the resolved path on view-source and it looks correct.. so may be pjumble's answer is correct :(

Jakub Konecki · Accepted Answer · 2012-02-27 16:42:32Z

0

The best way is to use T4MVC - http://mvccontrib.codeplex.com/wikipage?title=T4MVC No need to use magic strings...

answered Feb 27, 2012 at 16:42

Jakub Konecki

46.1k8 gold badges92 silver badges128 bronze badges

3 Comments

LocustHorde Over a year ago

yes, I already have that, but the trouble is that my js file is not in scripts or content folder, rather inside a view folder itself, and there isn't anything for me to fetch that file.

Jakub Konecki Over a year ago

You can change the T4 settings file that comes with T4MVC to include folders other than Scripts and Content.

LocustHorde Over a year ago

I see.. but even so, as mentioned in pjumbl's answer.. it would still be inaccessible! Thank you though.

siphab · Accepted Answer · 2017-03-23 13:24:04Z

0

Add this under your views web.config Handlers section

<add name="JavaScriptHandler" path="*.js" verb="*" preCondition="integratedMode" type="System.Web.StaticFileHandler" />

answered Mar 23, 2017 at 13:24

siphab

4614 silver badges11 bronze badges

Collectives™ on Stack Overflow

MVC - Accessing css, image, js files in view folder

4 Answers 4

2 Comments

1 Comment

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related