ASP.NET MVC文件上傳

Question

我正在使用ASP.NET MVC，並按照教程在ASP.NET網站「使用mvc入門」。我有一個設備類

public class Equipment 
    { 
     [Key] public int EquipID { get; set; } 
     public string EquipName { get; set; } 
     public string EquipDescription { get; set; } 
     public string EquipSerialNumber { get; set; } 
     public string EquipImage { get; set; } 
     public string EquipManufacturor { get; set; } 
     public string EquipLocation { get; set; } 
     public string EquipCalibrationFreq { get; set; } 
     public virtual ICollection<Calibration> Calibrations { get; set; } 
    } 

我的任務是，當用戶添加新的設備，然後點擊創建窗體上應該有一個FileUpload控件，它允許選擇一個文件，當保存記錄該文件應在文件夾中複製其路徑將被存儲在字段「EquipImage。

這裏是觀的CSHTML

@using (Html.BeginForm()) 
{ 
    @Html.ValidationSummary(true) 
    <fieldset> 
     <legend>Equipment</legend> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.EquipName) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.EquipName) 
      @Html.ValidationMessageFor(model => model.EquipName) 
     </div> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.EquipDescription) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.EquipDescription) 
      @Html.ValidationMessageFor(model => model.EquipDescription) 
     </div> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.EquipSerialNumber) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.EquipSerialNumber) 
      @Html.ValidationMessageFor(model => model.EquipSerialNumber) 
     </div> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.EquipImage) 
     </div> 
     <input type="file" name="file"/> 


     <div class="editor-label"> 
      @Html.LabelFor(model => model.EquipManufacturor) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.EquipManufacturor) 
      @Html.ValidationMessageFor(model => model.EquipManufacturor) 
     </div> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.EquipLocation) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.EquipLocation) 
      @Html.ValidationMessageFor(model => model.EquipLocation) 
     </div> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.EquipCalibrationFreq) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.EquipCalibrationFreq) 
      @Html.ValidationMessageFor(model => model.EquipCalibrationFreq) 
     </div> 

     <p> 
      <input type="submit" value="Create" /> 
     </p> 
    </fieldset> 
} 

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

和最後但並非最不重要的設備控制器

public ActionResult Create() 
    { 
     return View(); 
    } 

    // 
    // POST: /Equipment/Create 


    // This action handles the form POST and the upload 
    [HttpPost] 
    public ActionResult Create(HttpPostedFileBase file, Equipment equipment) 
    { 
     // Verify that the user selected a file 
     if (file != null && file.ContentLength > 0) 
     { 
      // extract only the fielname 
      var fileName = Path.GetFileName(file.FileName); 
      // store the file inside ~/App_Data/uploads folder 
      var path = Path.Combine(Server.MapPath("~/Content/EquipImages"), fileName); 
      file.SaveAs(path); 
     }  

     if (ModelState.IsValid) 
       { 
       db.Equipments.Add(equipment); 
       db.SaveChanges(); 
       return RedirectToAction("Index"); 
       } 
      return View(equipment); 


    } 

Answer 1

確保將enctype屬性設置爲「multipart/form-data」。

@using (Html.BeginForm("TheAction", "TheController", FormMethod.Post, new{enctype="multipart/form-data")){ 
... 
} 

見Including File Upload in Razor Form View