How to get file on ASP.NET MVC sent via XmlHttpRequest?

Question

JavaScript

There is a code that sends a file to "/Home/Test"

var fileE = document.getElementById("fileAvatar");
    fileE.onchange = function ()
    {
        var xhr = new XMLHttpRequest();
        xhr.open("POST", "/Home/Test");
        xhr.send(this.files[0]);
    }

How can I get this file on the server side?
Action method code

public JsonResult Test(HttpPostedFileBase fileAvatar)
        {
            return Json(new {status="OK" });
        }

does not get the file into the fileAvatar variable.
That is, how in JS to specify that this file should go to the fileAvatar variable?
UPD: I solved it by creating a FormData object. Are there other solutions?

Answer 1

try this
public JsonResult UploadPure()
{
string fileName = Request.Headers["X-File-Name"];
string fileType = Request.Headers["X-File-Type"];
int fileSize = int.Parse(Request.Headers["X-File-Size"]);
System.IO.Stream fileContent = Request.InputStream;
System.IO.FileStream fileStream = System.IO.File.Create(Server.MapPath("~/") + fileName);
fileContent.Seek(0, System.IO.SeekOrigin.Begin);
fileContent.CopyTo(fileStream);
fileStream.Dispose();
return Json("Uploaded files");
}
it's work for me , for more info: www.agileinfoways.com/technical-expertise/ms-techn...