How to upload and save muliple images to database - asp.net-mvc-4

Question

I have this action method:
[HttpPost]
public ActionResult UploadMorePhotos(UserProfile userProfile, IEnumerable<HttpPostedFileBase>files)
{
foreach (var file in files)
{
if (file.ContentLength > 0)
{
var fileName = Path.GetFileName(file.FileName);
var path = Path.Combine(Server.MapPath("~/App_Data/uploads"), fileName);
file.SaveAs(path);
//ModelState.Clear();
}
if (ModelState.IsValid)
{
string username = User.Identity.Name;
// Get the userprofile
UserProfile user = db.userProfiles.FirstOrDefault(u => u.UserName.Equals(username));
// Update fields
user.Image = new byte[file.ContentLength];
file.InputStream.Read(user.Image, 0, file.ContentLength);
user.ImageMimeType = file.ContentType;
db.Entry(user).State = EntityState.Modified;
db.SaveChanges();
}
return Redirect(Url.Action("Edit", "Account") + "#tabs-3");
}
return View(userProfile);
}
This is my view:
<div id="tabs-3">
hallo
#using (Html.BeginForm("UploadMorePhotos", "Account", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
#Html.AntiForgeryToken()
#Html.ValidationSummary()
<div class="form-field">
<p>Select pictures:</p>
<div class="upload-container">
<div class="upload">
<input type="file" name="files" id="file1" />
<img src="#Url.Content("~/images/deleteButton.png")" alt="Remove picture." />
</div>
</div>
</div>
<div class="form-field">
<input type="submit" value="Create" />
</div>
}
</div>
I want to store more Images to Database. A user can select one or more images and the images have to be saved to the database after uploading.
but on this line:
user.Image = new byte[files.ContentLength];
contentLength is not recognised.
Thank you
And this is my model:
public partial class UserProfile
{
public int Id { get; set; }
public string UserName { get; set; }
[Display(Name = "First Name")]
public string FirstName { get; set; }
[Display(Name = "Last Name")]
public string LastName { get; set; }
public string Email { get; set; }
[Display(Name = "Motto")]
public string Motto { get; set; }
[Display(Name = "Place of birth")]
public string PlaceOfBirth { get; set; }
[Display(Name = "How many bikes")]
public int HowManyBikes { get; set; }
[Display(Name = "Are they beside your bed")]
public string BesideYourBeth { get; set; }
[Display(Name = "Nicest ride")]
public string NicestRide { get; set; }
[Display(Name = "Worst ride")]
public string WorstRide { get; set; }
[Display(Name = "Amount of k's per year")]
public string AmountKmPerYear { get; set; }
[Display(Name = "Average speed")]
public string AverageSpeed { get; set; }
[Display(Name = "Able to chat while riding")]
public string AbleToChatWhileRiding { get; set; }
[Display(Name = "Phone number")]
public string PhoneNumber { get; set; }
public string Picture { get; set; }
[Column(TypeName = "image")]
[DisplayName("Image")]
[MaxLength]
public byte[] Image { get; set; }
[Display(Name = "Display profile Image")]
public bool DisplayItem { get; set; }
[DisplayName("ImageMimeType")]
public string ImageMimeType { get; set; }
public virtual ICollection<LolaBikePhoto> LolaBikePhotos { get; set; }
}
IF I select mulitiple images for example two I only see one photo in the map: \App_Data\Uploads.
Because A user can have 1 or more photos on his profile.
I add this:
if (user != null)
{
var lolaphoto = new LolaBikePhoto
{
UserProfileID = user.Id
};
// lolaphoto.UserProfileID = 47;
db.lolabikerPhotos.Add(lolaphoto);
}