如何在ASP.NET MVC 5中上傳視頻並將視圖中的視頻文件傳遞給方法？

Question

我正在編寫一個MVC 5 web應用程序來更新博客文章。我希望能夠讓用戶將視頻上傳到內容文件夾，然後將文件名作爲字符串存儲在數據庫中。不過，我似乎錯過了一件重要的作品。

我有一個方法來更新除了視頻部分正在工作的職位。

public ActionResult Update(int? id, string title, string body, DateTime dateTime, string tags, Video video) 
{ 
    if (!IsAdmin) 
    { 
     return RedirectToAction("Index"); 
    } 

    var post = GetPost(id); // get the post object 

    post.Title = title; 
    post.Body = body; 
    post.DateTime = dateTime; 
    post.Tags.Clear(); 
    post.VideoFileName = UploadVideo(video); 

我爲視頻創建了一個類，其中包含一個屬性。

public class Video 
{ 
    public HttpPostedFileBase File { get; set; } 
} 

然後在同一類的Update方法上傳的視頻，並返回文件名的方法。

[HttpPost] 
public string UploadVideo(Video video) 
{ 
    if (video.File.ContentLength <= 0) return null; 
    var fileName = Path.GetFileName(video.File.FileName); 
    if (fileName == null) return null; 
    var path = Path.Combine(Server.MapPath("~/Content/Videos"), fileName); 
    video.File.SaveAs(path); 

    return fileName; 
} 

然後我對更新方法的看法，但我不知道怎麼去從這個視圖進入更新方法的視頻對象，這樣我可以把它傳遞給UploadVideo方法。

<form action="@Href("~/Posts/Update")" method="post" id="postForm"> 
@if(Model.Id != -1) 
{ 
    <input type="hidden" name="id" value="@Model.Id"/> 
} 
    @{ var dateTime = Model.DateTime.Year > 2000 ? Model.DateTime : DateTime.Now; } 
    <input type="text" name="dateTime" value="@dateTime "/> Date<br /> 
    <input type="text" name="title" value="@Model.Title " /> Title<br /> 
    <input type="text" name="tags" value="@ViewBag.Tags " /> Tags<br /> 
    <textarea name="body" rows="10" cols="80">@Model.Body</textarea><br /> 
    <br/> 
    <br/> 
    <input type="file" name="video" /> 
    <br/> 
    <br/> 
    <input type="submit" name="submit" value="Submit" /> 
</form> 

使用<input type="file" name="video" />導致視頻對象在傳遞到Update方法時爲空。

你怎麼會在視頻文件傳遞到更新方法與所有其他文本數據的視圖，例如dateTime，title，tags和body設置？

Answer 1

下面是片段的，我只是在這裏輸入給一個想法，你能理解，如果你需要更多的信息讓我知道

[HttpPost] 
    public ActionResult UploadFile() 
    { 
      var httpPostedFile = Request.Files[0]; 
      if (httpPostedFile != null) { 

       // Validate the uploaded file if you want like content length(optional) 

       // Get the complete file path 
       var uploadFilesDir = System.Web.HttpContext.Current.Server.MapPath("~/Content/Videos"); 
       if (!Directory.Exists(uploadFilesDir)) { 
        Directory.CreateDirectory(uploadFilesDir); 
       } 
       var fileSavePath = Path.Combine(uploadFilesDir, httpPostedFile.FileName); 

       // Save the uploaded file to "UploadedFiles" folder 
       httpPostedFile.SaveAs(fileSavePath); 

      } 

      return Content("Uploaded Successfully"); 
    } 

Answer 2

接受的答案解決了從視圖中獲取視頻文件的問題進入方法。我只是發佈我在代碼中更改的內容，以防止任何人受到影響。

[HttpPost] 
public string UploadVideo(HttpFileCollection video) 
{ 
    if (video.Count <= 0) return null; 
    var fileName = Path.GetFileName(video.Get(0).FileName); 
    var path = Path.Combine(Server.MapPath("~/Content/Videos"), fileName); 
    // save video here 
    return fileName; 
} 

[ValidateInput(false)] 
public ActionResult Update(int? id, string title, string body, DateTime dateTime, string tags) 
{ 
    if (!IsAdmin) 
    { 
     return RedirectToAction("Index"); 
    } 

    var post = GetPost(id); // get the post object 

    var video = System.Web.HttpContext.Current.Request.Files; 

    post.Title = title; 
    post.Body = body; 
    post.DateTime = dateTime; 
    post.Tags.Clear(); 
    post.VideoFileName = UploadVideo(video); 
    // continued, more code 
} 

public class Video 
{ 
    public HttpFileCollection File { get; set; } 
} 

我只是在視圖中添加enctype屬性的form

<form action="@Href("~/Posts/Update")" method="post" id="postForm" enctype="multipart/form-data">