在ASP.NET MVC4 Internet應用程序中上載和檢索圖像和視頻URL

Question

我的MVC 4 Internet應用程序中具有以下模型

public class EventModel
{
    public int EventId { get; set;}
    public string EventTitle { get; set;}
    public string ImageUrl { get; set;}
    public string VideoUrl { get;set}
}

這是圖像和視頻的Create.cshtml代碼

@using(Html.BeginForm())
{
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)

<div>
@Html.LabelFor(model =>model.ImageUrl)
</div>
<div>
@Html.EditorFor(model =>model.ImageUrl)
@Html.ValidationMessageFor(model =>model.ImageUrl)
</div>

<div>
@Html.LabelFor(model =>model.VideoUrl)
</div>
<div>
@Html.EditorFor(model =>model.VideoUrl)
@Html.ValidationMessageFor(model =>Video.ImageUrl)
</div>

}

這是我創建時的post方法的控制器代碼

[HttpPost]
        [ValidateAntiForgeryToken]
        public ActionResult Create(EventModel eventmodel)
        {
            if (ModelState.IsValid)
            {
                _db.EventModels.Add(eventmodel);
                _db.SaveChanges();
                return RedirectToAction("Index");
            }

            return View(eventmodel);
        }

如何使創建頁面顯示按鈕從用戶計算機上載圖像。 如何修改控制器操作以將路徑存儲在數據庫中，然后如何在index.cshtml頁面上檢索圖像。

Answer 1

對於文件上傳，請嘗試以下操作：

在控制器中：

[HttpPost]
public ActionResult Create(EventModel eventmodel, HttpPostedFileBase file)
{ 
   if (ModelState.IsValid)
   {
      var filename = Path.GetFileName(file.FileName);
      var path = Path.Combine(Server.MapPath("~/Uploads/Photo/"), filename);
      file.SaveAs(path);
      tyre.Url = filename;

      _db.EventModels.AddObject(eventmodel);
      _db.SaveChanges();
      return RedirectToAction("Index");
   }
   return View(eventmodel);
}

並查看：

<div>
   Image
   <input type="file" name="file" id="file" />
   @Html.HiddenFor( model => model.ImageUrl)
   @Html.ValidationMessageFor( model => model.Url )
</div>