Не удается загрузить изображения в ASP.NET MVC4

Question

Я не могу загрузить изображение в своем приложении MVC. Кто-нибудь знает, как я могу исправить эту ошибку?

Модель Image: вид

namespace HelloWorld.Models 
{ 
    public class Image 
    { 
     [Required] 
     [DataType(DataType.MultilineText)] 
     public string ImagePath { get; set; } 

     public int ImageId { get; set; } 
    } 
} 

индекс:

@model IEnumerable<HelloWorld.Models.Image> 

@{ 
    ViewBag.Title = "Index"; 
} 

<p> 
    @Html.ActionLink("Create New", "Create") 
</p> 

@foreach (var item in Model) { 
    <img src="@Html.DisplayFor(modelItem => item.ImagePath)"> 
} 

Создать вид:

@model HelloWorld.Models.Image 
@{ 
    ViewBag.Title = "Create"; 
} 

<form method="post" action="@Url.Action("Create", "Images")"> 
    <div> 
     <h4>Image</h4> 
     <hr /> 

     <input type="file" name="file"> 
     <input type="submit" value="Upload"> 
    </div> 
</form> 

<div> 
    @Html.ActionLink("Back to List", "Index") 
</div> 

Создать действие:

[HttpPost] 
     public ActionResult Create(Image img, HttpPostedFileBase file) 
     { 
      if (ModelState.IsValid) 
      { 
       if (file != null) 
       { 
        file.SaveAs(HttpContext.Server.MapPath("../../Content/img/upload/") + file.FileName); 
        img.ImagePath = file.FileName; 
       } 
       db.Images.Add(img); 
       db.SaveChanges(); 
       return RedirectToAction("Index"); 
      } 
      return RedirectToAction("Create","Images"); 
     } 

Я думаю, что моя проблема в том, что у меня есть модель состояние не действует. Потому что у меня есть RedirectToAction («Создать», «Изображения»);

Answer 1

Когда вы отправляете файлы, вам необходимо включить в форму формуляр multipart/form-data.

<form method="post" action="@Url.Action("Create", "Images")" enctype="multipart/form-data"> 
    <div> 
     <h4>Image</h4> 
     <hr /> 

     <input type="file" name="file"> 
     <input type="submit" value="Upload"> 
    </div> 
</form> 

Update

Создать модель представления для файла

public class FileViewModel 
{ 
    [Required] 
    public HttpPostedFileBase file { get; set; } 
} 

Затем обновить свои действия следующим образом

[HttpPost] 
    public ActionResult Create(FileViewModel model) 
    { 
     if (ModelState.IsValid) 
     { 

      var image = new Image(); 

      model.SaveAs(HttpContext.Server.MapPath("../../Content/img/upload/") + model.FileName); 
      image.ImagePath = model.FileName; 

      db.Images.Add(image); 
      db.SaveChanges(); 
      return RedirectToAction("Index"); 
     } 

     return RedirectToAction("Create", "Images"); 
    }