Pass file to asp.net controller using angular

Question

i need upload file from

<input class="fromFileInput" id="VeryfyFromFileInput" type="file" fileread="fileContent" ng-click=uploadFile />

using angular

controller:

    $scope.fileInformation = [];

    $scope.uploadFile = function () {
        $scope.fileModel = $('#VeryfyFromFileInput');
        recordsService.passFile($scope.fileModel.context);
    };

service:

        this.passFile = function (data) {
        return $http({
            method: 'POST',
            url: url + "/GetFile",
            data: data,
            headers: { 'Content-Type': 'application/json' }
        });
    };

To ASP.NET MVC controller

    [HttpPost]
    public void GetFile([FromBody] HttpRequestMessage file)
    {

    }

But i have always null, so which type of parameters i must use instead of 'HttpRequestMessage '? Or maybe problem in JS side?

Have you check whether or not data contains anything?

starcorn
– starcorn

2016-10-19 17:38:24 +00:00
Commented Oct 19, 2016 at 17:38 — starcorn
– starcorn, Commented Oct 19, 2016 at 17:38

Community · Accepted Answer · 2017-05-23 12:25:37Z

1

You cannot pass bytedata over the wire as application/json. One solution is to use a Form Data object and make the ajax call as a multipart/formdata. Use the following Ajax call.

         $.ajax({
                url: 'api/controller/action',
                processData: false,
                contentType: false,
                type: 'POST',
                data: formDataObject,
                success: function () {
                    alert('yay!');
                },
                error: function () {
                    alert('nay :c');
                }
            });

I used angular-ui file upload directive. I'm not sure if the way you're accessing it works, if it does then you can simply use the following syntax to add your file to FormData

var formDataObject = new FormData();
formDataObject.append('file', $scope.fileModel;

On the server use this snippet to access your data

 var filesReadToProvider = await Request.Content.ReadAsMultipartAsync();
 foreach (var stream in filesReadToProvider.Contents)
 switch (stream.Headers.ContentDisposition.Name)
                {
                    case "\"file\"":
                        byte[] fileData = await stream.ReadAsByteArrayAsync();
                        break;
                    default:
                        break;

                }

            }

For information on how to write a byte array as file to server follow: Write File to server

Good luck!

edited May 23, 2017 at 12:25

CommunityBot

11 silver badge

answered Oct 20, 2016 at 11:26

Ali Kareem Raja

5761 gold badge7 silver badges21 bronze badges

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

3 Comments

Dima Grigoriev Over a year ago

Can you little bit more describe

Dima Grigoriev Over a year ago

about filesReadProvider. I don't want read content of file, i need just create the same file in my directory(on server)

Ali Kareem Raja Over a year ago

I have updated my answer. Please accept and upvote if it was helpful. Good luck!

Collectives™ on Stack Overflow

Pass file to asp.net controller using angular

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related