asp net mvc ajax上传图片,在asp.net mvc中使用jQuery ajax上传文件

慕容森

在ASP.Net MVC中使用AJAX上传文件自HTML5以来，情况发生了变化JavaScript的document.getElementById('uploader').onsubmit = function () {

    var formdata = new FormData(); //FormData object

    var fileInput = document.getElementById('fileInput');

    //Iterating through each files selected in fileInput

    for (i = 0; i 

        //Appending each file to FormData object

        formdata.append(fileInput.files[i].name, fileInput.files[i]);

    }

    //Creating an XMLHttpRequest and sending

    var xhr = new XMLHttpRequest();

    xhr.open('POST', '/Home/Upload');

    xhr.send(formdata);

    xhr.onreadystatechange = function () {

        if (xhr.readyState == 4 && xhr.status == 200) {

            alert(xhr.responseText);

        }

    }

    return false;}调节器public JsonResult Upload(){

    for (int i = 0; i 

    {

        HttpPostedFileBase file = Request.Files[i]; //Uploaded file

        //Use the following properties to get file's name, size and MIMEType

        int fileSize = file.ContentLength;

        string fileName = file.FileName;

        string mimeType = file.ContentType;

        System.IO.Stream fileContent = file.InputStream;

        //To save file, use SaveAs method

        file.SaveAs(Server.MapPath("~/")+ fileName ); //File will be saved in application root

    }

    return Json("Uploaded " + Request.Files.Count + " files");}编辑：HTML