Asp.net Core rc2 download api web file

Question

Need help how can I upload a file in ASP.NET core rc2 web api. When I use asp.net 4.5, it works 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 does not work, if you use IFromFile in mvc without ajax, it works, but we use js + ajax + webapi

Answer 1

In my main asp.net program, I changed the controller method to

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

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

Answer 2

I had the same problem and solved it like this:

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

For a complete solution, you can also look at my question.

Answer 3

. "Request.Form.Files". ASP.NET.

    [HttpPost]
    [Route("UploadFiles")]
    public async Task<IActionResult> Post()
    {
        var files = Request.Form.Files;
        long size = files.Sum(f => f.Length);

        // full path to file in temp location
        var filePath = Path.GetTempFileName();

        foreach (var formFile in files)
        {
            if (formFile.Length > 0)
            {
                using (var stream = new FileStream(filePath, FileMode.Create))
                {
                    await formFile.CopyToAsync(stream);
                }
            }
        }

        // process uploaded files
        // Don't rely on or trust the FileName property without validation.

        return Ok(new { count = files.Count, size, filePath });
    }