using Mozilla FormData with jquery $.ajax call

Question

I am using html5 to allow allow drag and drop of files , and submit form data along with files in a multipart/form-data request with the mozilla FormData() api ( there is a append() function for a FormData object and I append values and files with it ). I use the jQuery.ajax() and set the data to the FormData object I created and set the processData flag to false, and contentType to "multipart/form-data" , with a beforeSend handler call jqXHR.setReqeustHeader("Conetent-Type", "multipart/form-data") again . But in the firebug I can see that request header is still having Content-Type: text/html .

It seems $.ajax() ignore my content type specification . Has anyone else successfually using jQuery.ajax() to work with FormData api of html5 ?

I know that I can make my own XMLHttpReqeust without help of jquery , and it works too . But I like a unified framework such as jquery.

You can set contentType: 'multipart/form-data' with jQuery, IIRC. — Blender
– Blender, Commented Dec 8, 2011 at 4:38
I did both the contentType: "multipart/form-data" , and the beforeSend event where I call jgXHR.setRequestHeader("Content-Type", "multipart/form-data") . — dan_l
– dan_l, Commented Dec 8, 2011 at 5:03
I found another post that solves the problem . stackoverflow.com/questions/5392344/… — dan_l
– dan_l, Commented Dec 9, 2011 at 5:39

Vladimir Prudnikov · Accepted Answer · 2013-02-01 16:32:42Z

1

You should set contentType to false instead of real content type. Also set processData to false. Here is more details.

answered Feb 1, 2013 at 16:32

Vladimir Prudnikov

7,3124 gold badges53 silver badges64 bronze badges

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

Collectives™ on Stack Overflow

using Mozilla FormData with jquery $.ajax call

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related