Jquery File Upload Plugin not working in partial view MVC4

Question

I have downloaded jQuery Fiel upload plugin from NuGet pakages in VS2013. By default there is a sample code generated with controller and views , This code and plugin works fine in the sample and in other views but when I try using the same code in Partial View the plugin doesn't work. I have very little knowledge in jQuery and AJAX. Need help to get it working with partial views.

Have you included a reference to the script file inside the view that contains the partial view? — sunshineDev
– sunshineDev, Commented Jan 8, 2014 at 22:46

potry · Accepted Answer · 2014-01-20 16:05:53Z

1

Try to initialize fileupload in Partial View again. Its help to me. $(elem).fileupload({ ....});

answered Jan 20, 2014 at 16:05

potry

111 bronze badge

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

Comments

sunshineDev · Accepted Answer · 2014-01-08 23:00:32Z

0

I'm thinking that you might be missing a reference to the plugin script within your page.

Somewhere on your parent view or partial view you should include a reference as such:

<script src="js/jquery.fileupload.js"></script>

Of course the path and file name should be the ones you have in your project.

Hope this helps.

For further reading on how to include scripts in HTML you can check:

http://www.w3schools.com/js/js_howto.asp

answered Jan 8, 2014 at 23:00

sunshineDev

3213 silver badges10 bronze badges

9 Comments

Rajshekar Reddy Over a year ago

I have added the scripts. And its not working. If I just copy paste the same code in a main view I get it working fine but why not in partial view?. :(

sunshineDev Over a year ago

@Reddy could you post both view codes? i.e. the one that works fine and the one that has the partial view that doesn't work?

Rajshekar Reddy Over a year ago

There is nothing wrong with the code. The only thing I feel is there is some changes needed to be made in the plugin to be used in partial view. I am looking for that.

sunshineDev Over a year ago

How are you rendering your Partial View? Are you doing it through AJAX? If so, you will need to rebind the plugin to your upload button/link within the success callback in order for it to work again. If not, it will be interpreted as a simple button or link.

Rajshekar Reddy Over a year ago

I am using MVC Razor syntax @Html.RenderPartial("PartialViewName") to call my pratial view. Actually the View name is dynamically created by HtmlHelper classes. But at the end of the day its all the same.

|

Collectives™ on Stack Overflow

Jquery File Upload Plugin not working in partial view MVC4

2 Answers 2

Comments

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related