Angularjs http post to c# not working

Question

I am completely new to coding so forgive me if this question is stupid. I am trying to add a file upload button on a html page for the user to upload the file onto the server. The project uses html, angularjs and the api is in c#.

My HTML code is as follows:

<div ng-controller="MyCtrl">
<input type="file" name="file" onchange="angular.element(this).scope().uploadFile(this.files)"/>
</div>

My Angularjs function within the controller is:

$scope.uploadFile = function(files) {
      var fd = new FormData();
      //Take the first selected file
      fd.append('file', files[0]);
          $http({
            method: 'POST',
            url: '/Users/x/Documents/api/FileController.cs',
            withCredentials: true,
            headers: {'Content-Type': undefined },
            transformRequest: angular.identity
      }).success(function(){alert('Success')}).error(function(){alert('Error')});
  };

In the FileController.cs file in asp.net I have a function:

[HttpPost]
    public ActionResult Index(HttpPostedFileBase file) {

      if (file.ContentLength > 0) {
        var fileName = Path.GetFileName(file.FileName);
        var path = Path.Combine(Server.MapPath("~/App_Data/uploads"), fileName);
        file.SaveAs(path + FileName);
      }

      return RedirectToAction("Index");
    }

The http post keeps showing an error.

My questions are:

Is the format of this url correct? url: '/Users/x/Documents/api/FileController.cs'
Can a http post to a .cs file?
Is there something missing from the function of the function written in c#?
Is a page load required in c# to receive the post?

You need the action url, not the path like this "url: '/Users/x/Documents/api/FileController.cs'," For example : "localhost:8080/api/File" — Edward N
– Edward N, Commented May 6, 2015 at 7:59

Ole Albers · Accepted Answer · 2015-05-06 13:02:58Z

1

You don't access the cs-file by post, but the method. So the url should end with /File:

/Users/x/Documents/api/File

First try to test using a get method which you can access directly through your browser. If that works, go on with your post

edited May 6, 2015 at 13:02

answered May 6, 2015 at 8:00

Ole Albers

9,39913 gold badges84 silver badges183 bronze badges

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

1 Comment

Esben Skov Pedersen Over a year ago

Actually just /File since Controller is not a part of routing

Collectives™ on Stack Overflow

Angularjs http post to c# not working

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