Html.BeginForm multipart / form-data File Upload form-group validation
I have a cshtml file to upload files to a server.
@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>
}
And my controller looks like this
[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();
}
The above code is executed, including file validation. However, I am having problems with 2 things related to the file related to the file.
- How to send / return the project (id) associated with each file to the controller?
-
How to selectively check if "Project" DropDown is selected for a file? for example (if I browse and select the file for how can I ensure that the appropriate "resultsComp_project" value is selected in the dropdown?)
-
How to link file and project if selected for both (eg name = "FileUploadMemoryUsage" and name = "FileUploadResultsComparison")
Note that the memory usage information can be null, the code will only process the file and project if entered.
source to share
I just had to change the controller to handle the validation based on the uploaded file.
[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();
}
source to share