Ajax form doesn't load files

Question

I have an Ajax form, which loads several files; the problem is that Request.Files is always empty. I couldn't find anything about it, so here it is.

<%using (Ajax.BeginForm("Edit", "Manage", FormMethod.Post,
    new AjaxOptions{ OnComplete = "OnSaveEditSuccess" },
    new { enctype="multipart/form-data", id = "form_Edit", name = "form_Edit" }))
{%>
    /* ... */
    <input type="file" id="CCTranscripts_fileId" name="CCTranscripts_fileId" 
        onchange="ValidateUploadFile('CCTranscripts_file', this.value);" />
    /* ... */
<% } %> <%-- end form --%>

Darin Dimitrov · Accepted Answer · 2011-03-18 08:50:08Z

1

You cannot upload files using an AJAX Form. In order to upload files you need to use a normal Html.BeginForm. This is because when an AJAX request is sent the multipart/form-data is no longer respected. Also using javascript you cannot access the file contents in order to send it to the server. There are some plugins which allow you to achieve this. For example the jquery form plugin supports AJAX uploads by generating a hidden iframe. Uploadify is another popular plugin which uses Flash.

answered Mar 18, 2011 at 8:50

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

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

2 Comments

Liz Over a year ago

My form is in a modal dialog, so I can't go back to a Html.BeginForm; the whole point was to perform the edit without a postback. We don't use jQuery form, so I'll give uploadify a try.

Btc Sources Over a year ago

Does that means, that if I try to upload a file with a common form, launching a JavaScript function which uses xmlhttp and send a POST with it, i won't be able to do it? =(

Collectives™ on Stack Overflow

Ajax form doesn't load files

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related