Problem posting file through jquery in asp.net mvc

Question

I want to check file size and file type when someone choose a file from file upload so for that i use

$('#fuEnglish1').live('change', function () { var form = $("#form11").serialize(); var myurl = '<%= Url.Action("CheckFileSizeandType", "Media") %>'; $.ajax({ url: myurl, type: "POST", data: { Media: form }, success: function (mydata) { } }); });

to post the file. But when it post to controller method Request.Files.Count is equal to 0. what im doing wrong.

Are you really willing to send a complete file to the server just to check its size? — ggarber
– ggarber, Commented Aug 9, 2010 at 8:24
yes i can send the complete file but i want to check its size and type before saving — Fraz Sundal
– Fraz Sundal, Commented Aug 9, 2010 at 8:32
I tend to agree with gustavogb....but if you must, you should probably check that the "form" is serialised correctly, and your file-size-checking page is receiving it correctly. — William Niu
– William Niu, Commented Aug 9, 2010 at 11:20

tvanfosson · Accepted Answer · 2010-08-09 14:14:43Z

Most browsers will not allow you to send a file with an AJAX request. If you want a cross-platform, asynchronous upload you'll need to use a Flash-, Java-, or iframe-based uploader. For a non-Flash uploader, try Ajax Upload or the jQuery Form plugin.

Yngve B-Nilsen · Accepted Answer · 2010-08-09 11:15:38Z

Remember that the forms encodingtype needs to be "multipart/form-data" for it to actually post the filecontent. Unfortunately I don't think the $.ajax supports different enctypes, so you have two options:

Make the form synchronous
Use a third-party async upload component like Uploadify (download and documentation here: http://www.uploadify.com/)

Hope that helps!

form11 have enctype define to "multipart/form-data" but its not working
well, as I said, I don't think $.ajax supports this out of the box. You need a jquery plugin..

DalSoft · Accepted Answer · 2010-08-09 21:50:33Z

Set <httpRuntime maxRequestLength="YourFileSizeHere"/> upload the file normally and use jQuery to poll an MVC Action for error or success.

This won't get around the problem that ASP.NET has to upload the whole file before you can access any of the object's properties. It also won't get around the problem that you can't upload a file via JavaScript for security reasons, the closest you can is targeting the form to a iframe via Javascript, this is what google does.

Collectives™ on Stack Overflow

Problem posting file through jquery in asp.net mvc

3 Answers 3

Comments

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Related