Error: No Multipart boundary is found when passing form-data via AJAX

Question

I am passing form-data via AJAX:

var data = new FormData();
data.append('username', username);
data.append('company', company);

$.ajax({
   url: 'path to service',
   type: 'POST',
   enctype: 'multipart/form-data',
   async: true,
   contentType: 'multipart/form-data',
   processData: false,
   data: data,
   cache: false,
   success: function(data){

   },
   error: function(error){

   }
});

But I get an error:

the request was rejected because no multipart boundary was found

possible duplicate of [How to send FormData objects with Ajax-requests in jQuery?](http://stackoverflow.com/questions/6974684/how-to-send-formdata-objects-with-ajax-requests-in-jquery) — Djizeus, May 30 '14 at 17:24

score 8 · Accepted Answer · edited May 23 '17 at 10:30

8

You should set the contentType to false, which will force jQuery to generate the content-type header, including the mandatory multipart boundary.

EDIT: just realised it was already answered in: How to send FormData objects with Ajax-requests in jQuery?

edited May 23 '17 at 10:30

Community

1
1

answered May 30 '14 at 17:21

Djizeus

4,161
1
24
42

2

setting the contentType:false does not help either there can be or must be some other issues – Dirk Schumacher Mar 21 '15 at 11:56
1

setting 'contentType' to 'false' does not works for me, cause it set contentType to application/octet-stream. But I need to set it multipart/form-data. Can you help me please. – Emdadul Sawon Nov 07 '17 at 06:33
Any resolution @EmdadulSawon – rogger2016 Jun 06 '20 at 18:50

Error: No Multipart boundary is found when passing form-data via AJAX

1 Answers1