【问题标题】:Submit a form with a file upload提交带有文件上传的表单
【发布时间】:2015-05-14 08:31:11
【问题描述】:

我有一个简单的表格,上面有 4 个输入。

  • 2文字输入
  • 2 个复选框

我当前发布到服务器的视图模型如下:

public class MyViewModel {
    public string FirstText { get; set; }
    public string SecondText { get; set; }
    public bool FirstBool { get; set; }
    public bool SecondBool { get; set; }
}

这很好用。我现在的要求是,当 SecondBool 值为 true 时,UI 还应该将文件上传到服务器。然后我修改了视图模型添加了

public HttpPostedFileBase UploadedFile { get; set; }

并将表单修改为具有属性enctype="multipart/form-data"

我想使用 jQuery File Upload 插件,因为我使用 bootstrap 作为基本 UI 框架,但没有了解如何同时发布和上传文件。我知道这应该很容易做到。

有什么提示吗?

【问题讨论】:

    标签: asp.net-mvc twitter-bootstrap jquery-file-upload asp.net-mvc-5.2


    【解决方案1】:

    您需要将HttpPostedFileBase UploadedFile 添加到控制器中的发布操作中。你不能通过模型​​。

    例如

    [HttpPost]
    public ActionResult MyAction(MyModel model, HttpPostedFileBase UploadedFile)
    {
        //..... Do stuff here
    }
    

    【讨论】:

    • 感谢您的回答。请问有什么关于客户端插件配置的建议吗?
    • 这里有一个很好的示例:powerdotnetcore.com/asp-net-mvc/…
    • @Lorenzo 如果您查看 nik0lias (powerdotnetcore.com/asp-net-mvc/…) 提供的链接,您会发现将 jQuery 文件上传添加到 MVC 项目的绝佳示例。
    • @nik0lias:是的,我以前看过那个链接。不幸的是,一旦在文件输入中选择了文件,该链接就会上传文件。提交表单时,我遇到了加载问题
    • 该链接中的示例是由按钮单击触发的,您能发布到目前为止的内容吗?在你看来?
    猜你喜欢
    • 2012-06-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-10
    相关资源
    最近更新 更多