ユーザーが画像をアップロードして、後で参照できるようにサーバーに保存できるようにしたいと考えています。
ここにいくつかのコードがあります:
SliderController.cs:
public ActionResult Create()
{
return View(new SliderImageViewModel());
}
[HttpPost]
public ActionResult Create(SliderImageViewModel sliderImage)
{
if (ModelState.IsValid)
{
var slider = new SliderImage();
var lastSortOrder =
Context.SliderImages.Select(p => p.SortOrder).DefaultIfEmpty(0).Max();
slider.SortOrder = lastSortOrder + 1;
//TODO: upload image to server and get physical path (GUID)
//slider.ImageUrl = physical path
Context.SliderImages.Add(slider);
Context.SaveChanges();
return RedirectToIndex();
}
else
return View(sliderImage);
}
public class SliderImageViewModel
{
[RequiredValue]
public HttpPostedFileBase Image { get; set; }
private string _Content;
public string Content
{
get
{
if (string.IsNullOrWhiteSpace(_Content))
return null;
else
return _Content;
}
set { _Content = value; }
}
}
.cshtml を作成します。
@using (Html.BeginForm("Create", "Slider", FormMethod.Post))
{
@Html.ValidationSummary(true)
<fieldset>
<legend>Page</legend>
<div class="editor-label">
@Html.Label("Content")
</div>
<div class="editor-field">
@Html.TextBox("content")
</div>
<div class="editor-label">
@Html.Label("Image")
</div>
<div class="editor-field">
@Html.TextBox("image", null, new { type = "file", accept = "image/*" })
</div>
<p>
<input type="submit" value="Save" />
</p>
</fieldset>
}
フォームを送信するとImage
、引数のプロパティsliderImage
が null になります (Content
動作します)。これを修正するにはどうすればよいですか?