FormData how to get or set boundary in multipart/form-data - Angular

javascript angularjs multipartform-data
Pablo picture Pablo · Oct 31, 2016 · Viewed 13.7k times · Source

I have a mini app, where I have to post a form data to an endpoint from browser.

This is my post:

var formData = new FormData();
formData.append('blobImage', blob, 'imagem' + (new Date()).getTime());

return $http({
  method: 'POST',
  url: api + '/url',
  data: formData,
  headers: {'Content-Type': 'multipart/form-data'}
})

Boundaries seems to be added by formData to the parameter, however, I cannot get it to send in the header, how should I done?

Answer

Pablo picture Pablo · Nov 1, 2016

Well, seems that the headers ContentType should be undefined, in order to add the correct boundaries

Related questions

Angularjs how to upload multipart form data and a file?

I'm a beginner to angular.js but I have a good grasp of the basics. What I am looking to do is upload a file and some form data as multipart form data. I read that this isn't a feature …

Read More
Composing multipart/form-data with a different Content-Type on each parts with Javascript (or Angular)

Wrong question asked, see my update below I need to integrate my AngularJS Project with an existing RESTful API. These API consume POST request which upload a file, and also submit the form data in a request. Unfortunately, one of …

Read More
FormData sends boolean as string to server

I have the following input which is a toggle returns true , false <input id="{{event.id}}" ng-model="event.is_active" type="checkbox" value="true" class="block__input" ng-class="{'input__toggle--active' : event.is_active}"> and when I send it …

Read More