MVC3 ::在一个动作中传递一个对象和一个HttpPostedFile

时间:2012-05-24 15:30:42

标签: asp.net-mvc-3 file-upload

我在获取上传文件(HTTPPostedFile)和发布到操作的对象时遇到问题。我有一个名为widget的类:

public class Widget
{
    public string FirstName { get; set; }
    public string LastName { get; set; }
    public string FilePath { get; set; }
}

在Widget控制器中我有一个'添加'方法

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

和一个重载方法来接受用户回发的内容

[HttpPost]
public ActionResult Add(Widget widget, HttpPostedFile file)
{
    // Save posted file using a unique
    // Store the path/unique name in Widget.FilePath
    // Save new Widget object
    return View();
}

在视图中我有以下内容:

@model Project.Models.Widget
@{
    using(Html.BeginForm())
    {
        Html.LabelFor(model => model.FirstName)<br />
        Html.TextBoxFor(model => model.FirstName)<br />
        Html.LabelFor(model => model.LastName)<br />
        Html.TextBoxFor(model => model.LastName)<br />
        <input type="file" id="file" /><br />
        <input type="submit" value="Save" />
    }
}

我想要做的是让用户填写表单并选择要上传的文件。上传文件后,我想使用唯一名称保存文件,然后将文件路径存储为widget.FilePath。

每次尝试时,都会填充widget对象,但uploadedFile为null。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:6)

您的代码存在一些问题。

  • 确保您已为表单设置了正确的enctype="multipart/form-data",否则您将无法上传任何文件。
  • 确保您的文件输入具有name属性,并且此属性的值与您的操作参数的名称相匹配。分配id对服务器端绑定没有影响。

例如:

@model Project.Models.Widget
@using (Html.BeginForm(null, null, FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.LabelFor(model => model.FirstName)<br />
    @Html.TextBoxFor(model => model.FirstName)<br />
    @Html.LabelFor(model => model.LastName)<br />
    @Html.TextBoxFor(model => model.LastName)<br />
    <input type="file" id="file" name="file" /><br />
    <input type="submit" value="Save" />
}

另外,请确保您的控制器操作适用HttpPostedFileBase代替HttpPostedFile

[HttpPost]
public ActionResult Add(Widget widget, HttpPostedFileBase file)
{
    // Save posted file using a unique
    // Store the path/unique name in Widget.FilePath
    // Save new Widget object
    return View();
}

您还可以将2个参数合并到单个视图模型中:

public class Widget
{
    public string FirstName { get; set; }
    public string LastName { get; set; }
    public string FilePath { get; set; }
    public HttpPostedFileBase File { get; set; }
}

然后:

[HttpPost]
public ActionResult Add(Widget widget)
{
    // Save posted file using a unique
    // Store the path/unique name in Widget.FilePath
    // Save new Widget object
    return View();
}

最后阅读以下博文:http://haacked.com/archive/2010/07/16/uploading-files-with-aspnetmvc.aspx