使用mvc表单上传

时间:2013-06-17 13:39:02

标签: c# asp.net asp.net-mvc asp.net-mvc-4

我有一个简单的问题。为什么在下面的代码中,这部分 - HttpPostedFileBase file - 为空?当然ArticleModel model不是空的,只是file

我的控制器动作的开始:

public ActionResult Add(ArticleModel model, HttpPostedFileBase file)
...

我的表格:

<section id="">
@using (Html.BeginForm()) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary()
    @ViewBag.Status


    <fieldset>
        <legend>Add</legend>
        <ol>
            <li>
                @Html.LabelFor(m => m.title)
                @Html.TextBoxFor(m => m.title)
            </li>
            <li>
                @Html.LabelFor(m => m.Categories)
                @Html.DropDownListFor(m=> m.categoryID, Model.Categories, "- lorem -", new { @class="dropdownlist" })
            </li>
            <li>
                @Html.LabelFor(m => m.connectedArticlesID)
                @Html.TextBoxFor(m => m.connectedArticlesID)
            </li>
            <li>
                 <input type="file" name="file" id="file" />
            </li>
            <li>
                @Html.LabelFor(m => m.introduction)
                @Html.EditorFor(m => m.introduction)
            </li>
            <li>
                @Html.LabelFor(m => m.content)
                @Html.EditorFor(m => m.content)
            </li>
        </ol>
        <input type="submit" value="Add" />
    </fieldset>
}
</section>

编辑:

我的模特

public class ArticleModel
{
    [Display(Name = "Number")]
    public int articleID { get; set; }

    [Required]
    [Display(Name = "Tilte")]
    [StringLength(250, ErrorMessage = "Tytuł musi mieć długość od {0} do {2} znaków.", MinimumLength = 6)]
    public string title { get; set; }

    [Required]
    [Display(Name = "Similar articles")]
    public string connectedArticlesID { get; set; }

    [Display(Name = "CategoryName")]
    public string category { get; set; }

    [Required]
    [Display(Name = "Category")]
    public int categoryID { get; set; }

    [Required]
    [Display(Name = "Category")]
    public IEnumerable<SelectListItem> Categories
    {
        get
        {
            return new[]
            {
                new SelectListItem { Value = "1", Text = "Kategoria pierwsza" },
                new SelectListItem { Value = "2", Text = "Kategoria druga" },
                new SelectListItem { Value = "3", Text = "Kategoria trzecia" },
            };
        }
    }

    [Display(Name = "Content")]
    [Required]
    [StringLength(6000, ErrorMessage = "Treść musi mieć długość od {1} do {2} znaków.", MinimumLength = 30)]
    [UIHint("tinymce_jquery_full"), AllowHtml]
    public string content { get; set; }

    [Display(Name = "Introduction")]
    [Required]
    [StringLength(6000, ErrorMessage = "Wstęp musi mieć długość od {1} do {2} znaków.", MinimumLength = 30)]
    [DataType(DataType.MultilineText)]
    public string introduction { get; set; }
}

1 个答案:

答案 0 :(得分:6)

  

我有一个简单的问题。为什么在下面的代码中,这部分--HttpPostedFileBase文件 - 是空的?

因为您没有在表单上将enctype设置为multipart/form-data

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

参考:http://haacked.com/archive/2010/07/16/uploading-files-with-aspnetmvc.aspx

在您将Html.BeginForm切换为Ajax.BeginForm然后问问HttpPostedFileBase file - is null的问题之前,答案是您无法使用AJAX上传文件。您将不得不使用文件上传插件,如Uploadify或Blueimp文件上传。我只是提到这个记录,以避免进一步可能的重复问题。


更新:

根据评论部分的要求,您可以将文件字段添加到视图模型中:

public class ArticleModel
{
    [Required]
    public HttpPostedFileBase File { get; set; }

    ...
}

然后让你的控制器操作直接将此视图模型作为参数并删除HttpPostedFileBase参数:

public ActionResult Add(ArticleModel model)
{
    if (ModelState.IsValid)
    {
        ... work with model.File directly here
    }
}

为了避免域模型和视图模型之间存在任何歧义,我会使用ViewModel为它们添加后缀:

public class ArticleViewModel
{
    ...
}