Not getting callback from AngularJS $http.post

Question

I'm not getting any callback to the success/fail handlers on my Angular $http.post call. My server side is .NET MVC controller; the controller is getting the file and works properly there, I've debugged through it, so the POST call itself seems to be working fine. There just isn't a callback on the client javascript side.

I've a basic scope function ...

$scope.uploadFile = function(files) {
    var fd = new FormData();
    fd.append("file", files[0]);

    $http.post('api/clubs/upload', fd, {
        withCredentials: true,
        headers: {'Content-Type': undefined },
        transformRequest: angular.identity
    })
        .then(function (response) {
            alert("Success:" + result.status);
        }, function (response) {
            alert("Failuer: " + result.status);
        });
};

Neither of the alerts are popping up.

Server side controller is ...

string root = HttpContext.Current.Server.MapPath("~/Upload_Data");
        var provider = new MultipartFormDataStreamProvider(root);

        try
        {
            // Read the form data.
            await Request.Content.ReadAsMultipartAsync(provider);

            // This illustrates how to get the file names.
            foreach (MultipartFileData file in provider.FileData)
            {
                Trace.WriteLine(file.Headers.ContentDisposition.FileName);
                Trace.WriteLine("Server file path: " + file.LocalFileName);
            }


            // Show all the key-value pairs.
            foreach (var key in provider.FormData.AllKeys)
            {
                foreach (var val in provider.FormData.GetValues(key))
                {
                    Trace.WriteLine(string.Format("{0}: {1}", key, val));
                }
            }


            return Request.CreateResponse(HttpStatusCode.OK);
        }
        catch (System.Exception e)
        {
            return Request.CreateErrorResponse(HttpStatusCode.InternalServerError, e);
        }

The file is getting uploaded and stored in the "Upload_Data" folder.

Why no callback on the client side?

afrikaan · Accepted Answer · 2016-07-20 08:42:35Z

1

in scope you're calling result.status but your parameter name is response .Fix the name and try maybe there is a syntax error.

answered Jul 20, 2016 at 8:42

afrikaan

4255 silver badges21 bronze badges

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

1 Comment

Riccarr Over a year ago

ha! Thanks for the extra set of eyes, kyur. That was the (dumb) issue. Working now.

Collectives™ on Stack Overflow

Not getting callback from AngularJS $http.post

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related