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

2

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.

answered Aug 9, 2010 at 14:14

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

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

Comments

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

1

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!

answered Aug 9, 2010 at 11:15

Yngve B-Nilsen

9,6762 gold badges38 silver badges51 bronze badges

2 Comments

Fraz Sundal Over a year ago

form11 have enctype define to "multipart/form-data" but its not working

Yngve B-Nilsen Over a year ago

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

0

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.

answered Aug 9, 2010 at 21:50

DalSoft

11.2k3 gold badges48 silver badges55 bronze badges

Collectives™ on Stack Overflow

Problem posting file through jquery in asp.net mvc

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related