Uploading multiple files asp.net mvc4 in a single form - asp.net

Question

I am trying to upload multiple files in one form and I have tried different ways.
This is my model
[MetadataType(typeof(MovieMetadata))]
public partial class Movie
{
}
class MovieMetadata
{
[ScaffoldColumn(false)]
public int id { get; set; }
[Required(ErrorMessage = "Title is required")]
public string title { get; set; }
[Required]
public DateTime releaseDate { get; set; }
public string storyline { get; set; }
public Binary poster { get; set; }
[ScaffoldColumn(false)]
public DateTime? duration { get; set; }
[ScaffoldColumn(false)]
public Binary trailer { get; set; }
}
One of the files that I want to upload is a video, so I put this tag in my Web.config to upload a file less than 1 GB, I put a big number because I will not know the size of the video
<httpRuntime targetFramework="4.5" maxRequestLength="102400"/>
My Controller is the following:
[HttpPost]
public ActionResult Create(Movie movie)
{
if (ModelState.IsValid)
{
//saving the movie
OperationStatus opStatus = Repository.Save(movie);
if (!opStatus.Status)
{
return View("Error");
}
}
return View(movie);
}
Here is my View:
#model MoviesModel.Movie
#{
ViewBag.Title = "Create";
Layout = "~/Views/Shared/MoviesLayout.cshtml";
}
#section createMovie{
#using (Html.BeginForm(null, null, FormMethod.Post, new { id = "createForm", enctype = "multipart/form-data" }))
{
#Html.AntiForgeryToken()
#Html.ValidationSummary(true)
<div class="gallMemberBox">
<div class="leftFormContent">
Movie Name
<div class="imgTmpl">
<!--solo hay que especificar el src de la imagen-->
<img src="../../Content/img/imgTest.jpg" alt="" />
</div>
</div>
<div class="rightFormContent">
<div>
#Html.LabelFor(model => model.title)
#Html.EditorFor(model => model.title)
#Html.ValidationMessageFor(model => model.title)
</div>
<div>
#Html.LabelFor(model => model.releaseDate)
#Html.EditorFor(model => model.releaseDate)
#Html.ValidationMessageFor(model => model.releaseDate)
</div>
<div>
#Html.LabelFor(model => model.duration)
<div>
<input type="text" id="time1" size="10" />
</div>
<pre><code></code></pre>
</div>
<div>
#Html.Label("Poster")
<input name="poster" value="C:" id="poster" type="file" />
</div>
<div>
#Html.Label("Trailer")
<input name="trailer" value="" id="trailer" type="file" />
</div>
<div>
#Html.LabelFor(model => model.storyline)
<textarea id="storyline"></textarea>
</div>
<input type="submit" value="Create" />
</div>
<div class="clearBoth"></div>
</div>
}
}
#section scripts{
#Scripts.Render("~/Scripts/jquery.timePicker.js")
<script type="text/javascript">
jQuery(function ()
{
// Default.
$("#time1").timePicker(
{
startTime: "00.00",
endTime: new Date(0, 0, 0, 6, 30, 0),
show24Hours: true,
separator: ':',
step: 3
}
);
})
</script>
}
#section styles{
#Styles.Render("~/Content/timePicker.css")
}
This includes the timepicker.js and css(inside the section style). Start time is to display the first option of time to select, the hour 00:00 and end time was 06:30, show24hours option hides from the control am and pm format, step: 3 means that the control will have all the hours in with the previous format with .3 minutes of difference. The sequence is like this: 00:00 00:03 00:06.... 06:27 06:30. I took it from this site https://github.com/perifer/timePicker/blob/master/index.htm
The problem is the following, when I tried to submit my form with all data(including the fields that are not required, first I got this message:
The input is not a valid Base-64 string as it contains a non-base 64
character, more than two padding characters, or an illegal character
among the padding characters.
I resolved it with this code:
public ActionResult Create([Bind(Exclude = "poster, trailer")]Movie movie, HttpPostedFileBase poster, HttpPostedFileBase trailer)
So I excluded poster and trailer field and I passed them to the controller like HttpPostedFileBase, thats work but my ModelState.IsValid is false. I thought that it could be a problem of my timepicker, so I excluded the duration field from the View and I tried again, and again I got false. I tried to put use this:
public ActionResult Create(FormCollection formCollection)
and with the post just came two keys, title and releaseDate. What about the others? What about ModelState.IsValid with the false value? Can I resolve my problem with a strong type and without the HttpPostedFileBase extra parameters that I put in the Create method of the controller?(Something like this: )
public ActionResult Create(Movie movie)
with the posted files included inside of it?