Upload file using Angular $resource

Question

I am trying to upload a file using angular $resource, i am able to hit the Api but the request doesn't have any file. I have tried the solution here as well: AngularJS: Upload files using $resource (solution)

My Controller:

                        var formData = new FormData();
                        formData.append('file', $scope.file);
                        appService.manualDataUpload(formData)
                            .then(function (response) {
                              //do something here
                            })
                            .catch(function (error) {
                                logger.error('An error occurred while uploading the file !', error);
                            });

My Factory service:

function manualDataUpload(formData) {
            var /** @type {angular.Resource} */
            manualDataUploadResource = $resource(serviceBase + '/ManualDataUpload', formData,
                {
                    save: {
                        method: 'POST',
                        transformRequest: angular.identity,
                        headers: {
                            'Content-Type': undefined
                        }
                    }
                });

            return manualDataUploadResource
                .save()
                .$promise;
        }

hakuna · Accepted Answer · 2016-10-13 21:18:58Z

1

Removing the formData from $resource and adding in the body worked.

function manualDataUpload(formData) {
            var /** @type {angular.Resource} */
            manualDataUploadResource = $resource(serviceBase + '/ManualDataUpload', {},
                {
                    save: {
                        method: 'POST',
                        transformRequest: angular.identity,
                        headers: {
                            'Content-Type': undefined
                        }
                    }
                });

            return manualDataUploadResource
                .save(formData)
                .$promise;
        }

answered Oct 13, 2016 at 21:18

hakuna

6,74111 gold badges57 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Upload file using Angular $resource

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related