Remove 'Content-Type' header in ngResource angular

Question

I am new to angular . In my application, i want to upload a file to the server . according to the api , 'Content-Type' header should be null or not sent. I googled and developers proposed to set the header as undefined . The below is my code

return $resource(apiHost +'/tessters/:patId?action=:action&format=:format', {patId: '@patId' , action: '@action' ,format: '@format'}, {
            save: {
                method: 'POST',
                transformRequest: angular.identity,
                headers: {'Content-Type' : undefined,'Authorization': authorizationToken},
            }
        });

but in the developer view , i am able to observe that the 'Content-Type' is set to text/plain;charset=UTF-8

and i could not be able to find any ways to remove 'Content-Type' header , If anyone knows the solutions please help me out

Thanks in advance

Have you tried 'Content-Type': 'None'? – TlonXP Jan 21 '16 at 14:43 — TlonXP, Jan 21 '16 at 14:43

Deepak Dholiyan · Accepted Answer · 2016-01-22T08:19:21.860

2

please check below

      var file = angular.element(document.querySelector('#file')).prop("files")[0]; $scope.files = []; $scope.files.push(file)
      $http({
                method: 'POST',
                url: siteRootURL,
                headers: {'Content-Type': undefined},
                transformRequest: function (data) {formData.append('model', angular.toJson(data.model));                       
                    formData.append('file', data.files[0]);
                    return formData;
                },
                data: {model: $scope.user,files: $scope.files}
            })

Please also check you have set form enctype='multipart/form-data' attribute.

edited Jan 22 '16 at 08:19

answered Jan 21 '16 at 14:45

Deepak Dholiyan

1,774
1
20
35

sorry , did not work , i am looking for a way to remove 'Content-Type' , so the 'Content-Type' and bounty will be set automatically.. – Jayasai Goutheman Jan 22 '16 at 06:13
Hi , I am using this like below:- – Deepak Dholiyan Jan 22 '16 at 08:08
var file = angular.element(document.querySelector('#file')).prop("files")[0]; //Getting the properties of file from file field $scope.files = []; $scope.files.push(file); – Deepak Dholiyan Jan 22 '16 at 08:09
$http({ method: 'POST', url: siteRootURL, headers: {'Content-Type': undefined}, transformRequest: function (data) {formData.append('model', angular.toJson(data.model)); formData.append('file', data.files[0]); return formData; }, data: {model: $scope.user,files: $scope.files} }) – Deepak Dholiyan Jan 22 '16 at 08:12
Tell me if more help required – Deepak Dholiyan Jan 22 '16 at 08:13
Thanks alot ! saved my day – Jayasai Goutheman Jan 22 '16 at 13:29

Remove 'Content-Type' header in ngResource angular

1 Answers1