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

时间:2014-11-18 20:20:40

标签: asp.net-mvc validation file-upload multipartform-data html.beginform

我有一个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. 如何有选择地验证是否为文件选择了“Project”DropDown? 例如(如果我浏览并选择一个文件,我如何确保在下拉列表中选择相应的“resultsComp_project”值?)

  3. 如果同时选择文件和项目,我该如何关联它们(即name =“FileUploadMemoryUsage”&amp; name =“FileUploadResultsComparison”)

  4. 请注意,内存使用情况信息可以为空,代码只会处理文件&amp;项目是否输入。

1 个答案:

答案 0 :(得分:2)

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

[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();
}