Upload File to Web API

Question

I have the following model :

public class FileModel
{
  public byte[] FileData{get;set;}
  public string FileName {get;set;}
}

I have coded a private Web API service which my Web application consumes. When the user uploads files, I convert those files to a byte array, and send a List<FileModel> to my Web API from C# code (not from an HTML page, since my Web API is private from my website), which saves my file and return results.

Web API method:

[HttpPost]
public UploadFiles(List<FileModel> files)
{
// Do work
}

The above code breaks if I upload many large-sized files - the code failed to serialize the large files' FileModels since they exceed the max serializing length.

How do I fix this issue? Is there any other way to upload files to Web API without exposing it to the users?

Possible duplicate of how to upload a large file with ASP.NET MVC4 Web Api with progressbar — Liam
– Liam, Commented Oct 12, 2017 at 12:23
Use chunk byte approach to upload asynchronously. stackoverflow.com/questions/583970/… — Nikhil K S
– Nikhil K S, Commented Oct 12, 2017 at 12:31

narekye · Accepted Answer · 2017-10-13 16:32:40Z

2

Here is some solution for that situation.

Your controller action will not accept any parameters as shown on code snippet.

public async Task<HttpResponseMessage> PostByteArrayAsync()
{
       string root = HttpContext.Current.Server.MapPath("~/folder");
       var provider = new MultipartFormDataStreamProvider(root);
       await Request.Content.ReadAsMultipartAsync(provider);
       foreach (var file in provider.FileData)
       {
             var buffer = File.ReadAllBytes(file.LocalFileName);
             // store to db and other stuff
       }
       return Ok();
}

And the code above for front end sample.

UploadData(event) {
        this.setState({ loading: true });
        event.preventDefault();
        let data = new FormData();
        let fileData = document.querySelector('input[type="file"]').files[0];
        data.append("data", fileData);
        let that = this;
        fetch("api/upload", {
            method: "POST",
            "Content-Type": "multipart/form-data",
            "Accept": "application/json",
            body: data
        }).then(function (res) {
            if (res.ok) {
                call('api', 'GET').then(response => { response.error ? response.message : that.props.change(response); that.setState({ loading: false }) });
            }
            else {
                that.setState({ loading: false });
                that.failedMsg();
            }
        })
    }

answered Oct 13, 2017 at 16:32

narekye

1143 bronze badges

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

1 Comment

Vignesh Pandi Over a year ago

hi thanks for the response but I'm not trying to POST file to my Web API directly.I'm posting file to my MVC action controller and making my controller action POST file to my Web API.I don't want my Web API url exposed since its private (i.e. specific to my website)

Amit Kumar · Accepted Answer · 2017-10-12 12:35:50Z

1

Add this in your web.config file.

<configuration>
   <system.web>
      <httpRuntime maxRequestLength ="1999999"/>
</system.web>
</configuration>

And also increase your content length in MVC config file.

<system.webServer> 
  <security> 
      <requestFiltering> 
         <requestLimits maxAllowedContentLength="1999999999" /> 
      </requestFiltering> 
  </security>
<system.webServer>

maxRequestLength value is in kilobytes.

maxAllowedContentLength value is in bytes.

You can change above size according to your requirements.

edited Oct 12, 2017 at 12:35

answered Oct 12, 2017 at 12:19

Amit Kumar

5,96212 gold badges49 silver badges88 bronze badges

7 Comments

Vignesh Pandi Over a year ago

Thanks but maxRequestLength is not the cause of my problem.

Vignesh Pandi Over a year ago

When I use httpClient.PostAsJsonAsync<List<FileModel>>("API URL",postObj). I return a response of Web API method not found.

Vignesh Pandi Over a year ago

But this is just for large files

Vignesh Pandi Over a year ago

I think httpClient is unable to serialize my object to Json and sending empty object and hence I'm getting Web API method not found response. This my best guess.

Vignesh Pandi Over a year ago

my web.config content length : <requestLimits maxAllowedContentLength="52428800" />

|

Collectives™ on Stack Overflow

Upload File to Web API

2 Answers 2

1 Comment

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related