multipart form data submit with restangular

I have to submit a form which includes a user selected file to the server. I can get this working using $http directly as below,

    var fd = new FormData();
            fd.append("profile",angular.toJson(profile));
             fd.append("file", file);
            return $http.post("/server/api/profile/me/bio", fd, {
                withCredentials: true,
                headers: {'Content-Type': undefined },
                transformRequest: angular.identity
            });

I tried to do the same submit using restangular as below return userAPI.one(‘me’).customPOST(fd,“bio”,{}, {‘Content-type’:undefined});

However this doesn’t do the multipart submit correctly and attempts to send a empty payload request. I suspect this is because I need to specify the transformRequest flag to address this issue: https://github.com/angular/angular.js/issues/1587

Is there a way to do set a request transformer just on this request?

Thanks

[andrzej-aa]

I found a workaround for setting default headers. Instead of setting undefined, set a function returning undefined:

RestangularProvider.setDefaultHeaders({
  'Content-Type': 'application/json'
});


return API.all(UPLOAD_RESOURCE)
  .withHttpConfig({transformRequest: angular.identity})
  .customPOST(file, 'image', {}, {
    'Content-Type': () => {
      return undefined;
    }
  });

[ncourtial]

Hi, All seems to be OK when you don’t set global default headers. When adding the following default values in config step, form data are posted without requested headers : form-data and boundary but with ‘application/json’. RestangularProvider.setDefaultHeaders({ “Content-Type”: “application/json”, “X-Requested-With”: “XMLHttpRequest” });

When removing “Content-Type”: “application/json” from config , customPOST(formData,‘’,undefined,{‘Content-Type’: undefined}) does its stuff.

Any idea?

Many thanks in advance.

Cheers