Проблема при передаче изображения и других данных в виде `FormData` с $ http.post ()

Question

У меня проблема с передачей изображения и других данных в виде FormData.

Я пробовал с разными подходами, как:

1. var payload = new FormData; и данные какpayload.append('fees', $scope.fees); payload.append('lat', $scope.lat); payload.append('lon', $scope.lon); payload.append('mer_icon', preIconUrl);

$http.post("APIUrl",payload,{
  headers: {'Content-Type': undefined},
  transformRequest: angular.identity
}
)
.then(function(response) {
  console.log(" response: %j ",response);
  if (response.data.success == 1) {
                     // success
                     console.log("success 1 response: %j ",response);
                     console.log("success 1 response.data: %j ",response.data);

                 } else if (response.data.success == -1){
                  console.log("success 0 response.data: %j ",response.data);
                 }else{
                  console.log("success 0 response.data: %j ",response.data);
                 }

             }),
function(response){
  console.log(" fail response.data: %j ",response.data);
}

, когда я печатаю payload(FormData) с консоли браузера, это работает.Но на стороне сервера за image data(mer_icon) я получаю undefined.

2.Подход с headers: { 'Content-Type': 'multipart/form-data'}, выдает многоэлементную ошибку границы.

3.Подход без заголовков, тот же undefined Я получаю на стороне сервера, как и при первом подходе, который я получил.