Asp.net Core rc2 web api file upload

Question

Need help, how I can upload file in ASP.NET core rc2 web api. When i use asp.net 4.5 it working with this code:

   @{
ViewBag.Title = "Home Page";
    }

 <div>
<input type="file" name="upload" id="uploadFile"  /><br />
<button id="submit">Загрузить</button>
</div>

 @section scripts{
<script type="text/javascript">

$('#submit').on('click', function (e) {
    e.preventDefault();
    var files = document.getElementById('uploadFile').files;
    if (files.length > 0) {
        if (window.FormData !== undefined) {
            var data = new FormData();
            for (var x = 0; x < files.length; x++) {
                data.append("file" + x, files[x]);
            }

            $.ajax({
type: "POST",
url: 'api/values/post',
contentType: false,
processData: false,
data: data,
success: function (result) {
    alert(result);
},
error: function (xhr, status, p3) {
    alert(status);
}
});
        } else {
            alert("Браузер не поддерживает загрузку файлов HTML5!");
        }
    }
});

}

public class ValuesController : ApiController
{
public async Task<IHttpActionResult> Post()  
{
    if (!Request.Content.IsMimeMultipartContent())
    {
        return BadRequest();
    }
    var provider = new MultipartMemoryStreamProvider();
    // путь к папке на сервере
    string root = System.Web.HttpContext.Current.Server.MapPath("~/Files/");
    await Request.Content.ReadAsMultipartAsync(provider);

    foreach (var file in provider.Contents)
    {
        var filename = file.Headers.ContentDisposition.FileName.Trim('\"');
        byte[] fileArray = await file.ReadAsByteArrayAsync();

        using (System.IO.FileStream fs = new System.IO.FileStream(root + filename, System.IO.FileMode.Create))
        {
            await fs.WriteAsync(fileArray, 0, fileArray.Length);
        }
    }
    return Ok("файлы загружены");
}
}

Now, in asp.net core rc2 it doesnt work, If use IFromFile in mvc without ajax it works, but we use js+ajax+webapi

Answer 1

I had the same problem and I solved it this way:

[HttpPost]
public async Task<IActionResult> PostFile()
{   
   //Read all files from angularjs FormData post request
 var files = Request.Form.Files;
  .....
}

For full solution you can also take look on my question

Answer 2

In my asp.net core programm I changed the controller method to

[HttpPost]
public async Task<IActionResult> Upload(ICollection<IFormFile> file)
{
     ...       
}

I have added the [HttpPost] annotation and used the new IFormFile interface.