使用“DataType.Upload”属性为属性生成文件上传输入？

Question

我有以下视图模型。

public class MyViewModel 
{ 
    [DataType(DataType.Upload)] 
    public HttpPostedFileBase ImageUpload { get; set; } 

    public int VenueId { get; set; } 
    public virtual Venue Venue { get; set; } 
    .... // other properties 
} 

我跟着这个页面http://cpratt.co/file-uploads-in-asp-net-mvc-with-view-models/创建图片上传控件。这是视图代码。

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

    <div class="form-horizontal"> 
    <div class="form-group"> 
     @Html.LabelFor(model => model.VenueId, new { @class = "control-label col-md-2" }) 
     <div class="col-md-10"> 
      @Html.EditorFor(model => model.VenueId) 
      @Html.ValidationMessageFor(model => model.VenueId) 
     </div> 
    </div> 

    <div class="form-group"> 
     @Html.LabelFor(model => model.ImageUpload, new { @class = "control-label col-md-2" }) 
     <div class="col-md-10"> 
      @Html.EditorFor(model => model.ImageUpload) 
      @Html.ValidationMessageFor(model => model.ImageUpload) 
     </div> 
    </div> 
} 

但是，它会生成三个文本框而不是文件上传输入控件？以下Html代码。

<div class="col-md-10"> 
    <div class="editor-label"><label for="ImageUpload_ContentLength">ContentLength</label></div> 
    <div class="editor-field"><input name="ImageUpload.ContentLength" class="text-box single-line" id="ImageUpload_ContentLength" type="number" value="" data-val-required="The ContentLength field is required." data-val-number="The field ContentLength must be a number." data-val="true"> <span class="field-validation-valid" data-valmsg-replace="true" data-valmsg-for="ImageUpload.ContentLength"></span></div> 
    <div class="editor-label"><label for="ImageUpload_ContentType">ContentType</label></div> 
    <div class="editor-field"><input name="ImageUpload.ContentType" class="text-box single-line" id="ImageUpload_ContentType" type="text" value=""> <span class="field-validation-valid" data-valmsg-replace="true" data-valmsg-for="ImageUpload.ContentType"></span></div> 
    <div class="editor-label"><label for="ImageUpload_FileName">FileName</label></div> 
    <div class="editor-field"><input name="ImageUpload.FileName" class="text-box single-line" id="ImageUpload_FileName" type="text" value=""> <span class="field-validation-valid" data-valmsg-replace="true" data-valmsg-for="ImageUpload.FileName"></span></div> 

    <span class="field-validation-valid" data-valmsg-replace="true" data-valmsg-for="ImageUpload"></span> 
</div> 

Answer 1

更改你的图像控制这一点，

@Html.TextBoxFor(m => m.ImageUpload, new { type = "file", name = "Files" }) 

Answer 2

如何摆脱从模型中HttpPostedFileBase的并将其添加到控制器作为第二个参数。

在你的HTML，你可以这样：

<input type="file" name="file" /> 

在你的控制器，你会怎么做：

[HttpPost] 
public ActionResult thisController(Model myModel, HttpPostedFileBase file) 
{ } 

这应该自动追你的任何文件输入。