javascript - Asp.net Mvc使用ajax上传多个文件出现一些错误

Question

我尝试使用 Jquery ajax 在 mvc 中上传多个文件，但遇到一些问题。

这是我的 Html 设计和代码..

<div id="fileinputdiv">
  <input type="file" name="mainfile" id="mainfile" onchange="OnValueChanged(this)">
</div>
<div id="tab_images_uploader_container" class="text-align-reverse margin-bottom-10">
  <span class="btn green fileinput-button">
                                                <i class="fa fa-plus"></i>
                                                <span><a href="#" id="AddFile"> New Image... </a></span>
  </span>
  <a id="tab_images_uploader_uploadfiles" class="btn btn-primary">
    <input type="button" value="Upload Images" id="btnUpload" name="btnUpload" />
  </a>
</div>

Javascript代码...

<script type="text/javascript">
var files = [];  // Creating array for list of files
function OnValueChanged(fileUploadItemId) {           
    var selectedvalue = $(fileUploadItemId).val();
    files.push(selectedvalue);

}
$(document).ready(function () {
    $("#AddFile").click(function (e) {
        e.preventDefault();
        $(" <input type='file' onchange='OnValueChanged(this)'>").appendTo("#fileinputdiv");
    })

    $("#btnUpload").on("click", function () {

        var fileData = new FormData();
        for (var i = 0; i < files.length; i++) {  
            fileData.append(files[i].name, files[i]);  
        }   
            $.ajax({
                url: "/Product/UploadFiles",
                type: "POST",
                contentType: false,
                processData: false,
                data: fileData,
                success: function (result) {
                    alert(result);
                },
                error: function (err) {
                    alert(err.statusText);
                }
            });

    })
});

最后是我的功能..

    [HttpPost]
    public ActionResult UploadFiles()
    {
        if (Request.Files.Count > 0)
        {
            try
            {
                HttpFileCollectionBase files = Request.Files;
                for (int i = 0; i < files.Count; i++)
                {
                    HttpPostedFileBase file = files[i];
                    string fname;

                    if (Request.Browser.Browser.ToUpper() == "IE" || Request.Browser.Browser.ToUpper() == "INTERNETEXPLORER")
                    {
                        string[] testfiles = file.FileName.Split(new char[] { '\\' });
                        fname = testfiles[testfiles.Length - 1];
                    }
                    else
                    {
                        fname = file.FileName;
                    }

                    fname = Path.Combine(Server.MapPath("~/ProductImages/"), fname);
                    file.SaveAs(fname);
                }
                return Json("File Uploaded Successfully!");
            }
            catch (Exception ex)
            {
                return Json("Error occurred. Error details: " + ex.Message);
            }
        }
        else
        {
            return Json("No files selected.");
        }
    }

我的问题是，当我单击“上传文件”按钮时，没有使用ajax将任何数据发送到UploadFiles()函数，我总是收到“未选择文件”错误，但我用此代码进行了测试

for (var i = 0; i < files.length; i++) {
      alert(files[i]);
    }

我能够显示所有选定的文件。我找不到的问题在哪里？

Answer 1

您必须将 Request.Files 替换为 request.Form.Files。