Html.BeginForm multipart/form-data 文件上传表单组验证

Question

我有一个 cshtml 文件用于将文件上传到服务器。

@using (Html.BeginForm("FileUpload", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary();
    <div class="alert alert-success alert-dismissible" role="alert">@ViewBag.Message</div>

        <div class="form-horizontal">
        <h4>Upload Data Documents</h4>
        <hr />
        @Html.ValidationSummary(true)
        @Html.HiddenFor(model => model.project_id)

        <div class="form-group">
            <label class="control-label col-md-2">Some Other File</label>
            <div class="col-md-10">
                <input type="file" name="someOtherFile" class="form-control" />
                <span class="field-validation-error" id="spanfilesomeOtherFile"></span>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-2">Results Comparison</label>
            <div class="col-md-10">
                <div class="form-group">
                    <div class="col-md-4">
                        <input type="file" name="FileUploadResultsComparison" class="form-control" placeholder=".col-md-4"/>
                        <span class="field-validation-error" id="spanfileResultsComparison"></span>
                    </div>
                    <div class="col-md-4">
                        @if (ViewData["Project"] != null)
                        { 
                            @Html.DropDownList("resultsComp_project", (SelectList)ViewData["Project"], "Select a Project", new { @class = "form-control", @placeholder = ".col-md-4" })
                        }
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-2">Memory Usage</label>
            <div class="col-md-10">
                <div class="form-group">
                    <div class="col-md-4">
                        <input type="file" name="FileUploadMemoryUsage" class="form-control" />
                        <span class="field-validation-error" id="spanfileMemoryUsage"></span>
                    </div>
                    <div class="col-md-4">
                        @if (ViewData["Project"] != null)
                        {
                            @Html.DropDownList("memUsage_project", (SelectList)ViewData["Project"], "Select a Project", new { @class = "form-control", @placeholder = ".col-md-4" })
                        }
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" name="Submit" id="btnSubmit" value="Upload Files" class="btn btn-default" />
            </div>
        </div>
}

我的控制器如下

[HttpPost]
public ActionResult FileUpload(HttpPostedFileBase file)
{
    foreach (string upload in Request.Files)
    {
        if (!(Request.Files[upload] != null && Request.Files[upload].ContentLength > 0)) continue;

        HttpPostedFileBase file = Request.Files[upload];

        if (ModelState.IsValid)
        {
            if (file == null)
            {
                ModelState.AddModelError("File", "Please Upload Your file");
            }
            else if (file.ContentLength > 0)
            {
                int MaxContentLength = 1024 * 1024 * 3; //3 MB
                string[] AllowedFileExtensions = new string[] { ".jpg", ".gif", ".png", ".pdf" };

                if (!AllowedFileExtensions.Contains(file.FileName.Substring(file.FileName.LastIndexOf('.'))))
                {
                    ModelState.AddModelError("File", "Please file of type: " + string.Join(", ", AllowedFileExtensions));
                }

                else if (file.ContentLength > MaxContentLength)
                {
                    ModelState.AddModelError("File", "Your file is too large, maximum allowed size is: " + MaxContentLength + " MB");
                }
                else
                {
                    var fileName = Path.GetFileName(file.FileName);
                    var path = Path.Combine(Server.MapPath("~/Content/Upload"), fileName);
                    file.SaveAs(path);
                    ModelState.Clear();
                    ViewBag.Message = "File uploaded successfully";
                }
            }
        }
    }
    return View();
}

上面的代码有效，包括文件验证。但是，我在与该文件关联的“项目”方面遇到了两件事的麻烦。

1. 如何将与每个文件关联的项目（id）发送/返回到控制器？

2. 如何有选择地验证是否为文件选择了“项目”下拉菜单？例如（如果我浏览并选择一个文件，如何确保在下拉列表中选择相应的“resultsComp_project”值？）

3. 如果同时选择文件和项目（即 name="FileUploadMemoryUsage" 和 name="FileUploadResultsComparison"），我如何关联文件和项目

请注意，内存使用信息可以为空，代码将仅处理输入的文件和项目。

Answer 1

我只需修改控制器即可根据上传的文件处理验证。

[HttpPost]
public ActionResult FileUpload(HttpPostedFileBase file)
{
    foreach (string upload in Request.Files)
    {
        if (!(Request.Files[upload] != null && Request.Files[upload].ContentLength > 0)) continue;

        int memUsage_baseline_id = 0;
        int timingComp_baseline_id = 0;
        if (upload == "FileUploadMemoryUsage" || upload == "FileUploadResultsComparison")
        {
            if (upload == "FileUploadMemoryUsage")
            {
                if (Request.Params["memUsage_project"] == null || Request.Params["memUsage_project"] == "")
                {
                    ModelState.AddModelError("Project", "Please Select Project for Memory Usage");
                }
                else
                {
                    memUsage_baseline_id = int.Parse(Request.Params["memUsage_project"]);
                }
            }
            else
            {
                if (Request.Params["resultsComp_project"] == null || Request.Params["resultsComp_project"] == "")
                {
                    ModelState.AddModelError("Project", "Please Select Project for Timing Comparison");
                }
                else
                {
                    timingComp_baseline_id = int.Parse(Request.Params["resultsComp_project"]);
                }
            }
        }

        HttpPostedFileBase file = Request.Files[upload];

        if (ModelState.IsValid)
        {
            if (file == null)
            {
                ModelState.AddModelError("File", "Please Upload Your file");
            }
            else if (file.ContentLength > 0)
            {
                int MaxContentLength = 1024 * 1024 * 3; //3 MB
                string[] AllowedFileExtensions = new string[] { ".jpg", ".gif", ".png", ".pdf" };

                if (!AllowedFileExtensions.Contains(file.FileName.Substring(file.FileName.LastIndexOf('.'))))
                {
                    ModelState.AddModelError("File", "Please file of type: " + string.Join(", ", AllowedFileExtensions));
                }

                else if (file.ContentLength > MaxContentLength)
                {
                    ModelState.AddModelError("File", "Your file is too large, maximum allowed size is: " + MaxContentLength + " MB");
                }
                else
                {
                    var fileName = Path.GetFileName(file.FileName);
                    var path = Path.Combine(Server.MapPath("~/Content/Upload"), fileName);
                    file.SaveAs(path);
                    ModelState.Clear();
                    ViewBag.Message = "File uploaded successfully";
                }
            }
        }
    }
    return View();
}