AngularJS: Pass additional data when using ng-upload service for uploading files in ASP.Net MVC

I removed the async Task so it goes back to throwing the validation exception. The problem was that I set the StringLength of the file name to 30. I increased the length and then it worked! Thanks everyone! 

The code below works.

public class File
{
    [Key, DatabaseGenerated(DatabaseGeneratedOption.Identity)]
    public int Id { get; set; }

    [Display(Name = "Name")]
    [StringLength(500, ErrorMessage = "Name cannot be longer than 30 characters.")]
    public string Name { get; set; }

    [Display(Name = "Path")]
    [StringLength(100, ErrorMessage = "Path cannot be longer than 30 characters.")]
    public string Path { get; set; }

    [ForeignKey("Recipe")]
    public int RecipeId { get; set; }
    public virtual Recipe Recipe { get; set; }
}

controller

[HttpPost]
public ContentResult Upload(File vm)
{
    string path = Server.MapPath("~/Uploads/");
    int RecipeId = vm.RecipeId;
    foreach (string key in Request.Files)
    {
        HttpPostedFileBase postedFile = Request.Files[key];
        postedFile.SaveAs(path + postedFile.FileName);

        File recipefile = new File();
        recipefile.Name = postedFile.FileName;
        recipefile.Path = path;
        recipefile.RecipeId = RecipeId;
        db.Files.Add(recipefile);
    }
    db.SaveChanges();
    return Content("Success");
}