使用MVC3上傳文件

Question

我想上傳文件。我用剃刀使用MVC3。我有以下視圖模型：

Public Class ImportL2EViewModel 
    <Required(AllowEmptyStrings:=False, ErrorMessage:="L2E name required")> 
    Public Property Name As String 

    Public Property File As HttpPostedFileBase  
End Class 

在我看來，我創建了一個表格：

@Using Html.BeginForm("Import", "L2ECreationWizard", FormMethod.Post, New Dictionary(Of String, Object) From {{"enctype", "multipart/form-data"}}) 
    @<div class="welcome-box acenter"> 
     <div style="display: block; text-align: left; width: 330px; margin: auto;"> 
      <div class="property"> 
       @Html.LabelFor(Function(m) m.Name) 
       @Html.TextBoxFor(Function(m) m.Name) 
      </div> 
      <div class="property"> 
       @Html.LabelFor(Function(m) m.File) 
       @Html.TextBoxFor(Function(m) m.File, New With {.type = "file"}) 
      </div>    
     </div> 
     <div class="actionBar"> 
      <a class="import fright button" href="#">Import</a> 
     </div> 
    </div> 
End Using 

生成的HTML看起來像這樣：

<form method="post" enctype="multipart/form-data" action="/L2ECreationWizard/Import" novalidate="novalidate"> 
    <div class="welcome-box acenter"> 
     <div style="display: block; text-align: left; width: 330px; margin: auto;"> 
      <div class="property"> 
       <label for="Name">Name</label> 
       <input type="text" value="" name="Name" id="Name" data-val-required="L2E name required" data-val="true"> 
      </div> 
      <div class="property"> 
       <label for="File">File</label> 
       <input type="file" value="" name="File" id="File"> 
      </div>    
     </div> 
     <div class="actionBar"> 
      <a href="#" class="import fright button">Import</a> 
     </div> 
    </div> 
</form> 

我的形式郵寄至以下行動方法：

<HttpPost()> 
Function Import(vm As ImportL2EViewModel) As ActionResult 
    ' Nothing yet 
End Function 

發佈後我可以看到vm.Name填寫完畢，但vm.File是Nothing。 Request.Files.Count是0。我究竟做錯了什麼？我看過類似的問題，但沒有爲我工作。我迷路了......

Answer 1

您的HttpPostedFileBase file方法添加參數，如：

<HttpPost()> 
Function Import(vm As ImportL2EViewModel, file As HttpPostedFileBase) As ActionResult 

Dim fileName = Path.GetFileName(file.FileName) 
    Dim physicalPath = Path.Combine(Server.MapPath("~/App_Data"), fileName) 

    // The files are not actually saved in this demo 
    // file.SaveAs(physicalPath) 
    ... 
End Function 

而且從模型中取出HttpPostedFileBase財產。它是Request對象的一部分，因此無法添加到模型中。

如果允許多個文件被選中，那麼這就是你需要能夠循環通已上載到

<HttpPost()> 
Function Import(vm As ImportL2EViewModel, attachments As IEnumerable(Of HttpPostedFileBase)) As ActionResult 

    For Each file As var In attachments 
     Dim fileName = Path.GetFileName(file.FileName) 
     Dim physicalPath = Path.Combine(Server.MapPath("~/App_Data"), fileName) 
     ' The files are not actually saved in this demo 
     ' file.SaveAs(physicalPath); 
    Next 
    ... 
End Function