Question

我有一个ASP MVC应用，正在尝试提交我的ViewModel，该ViewModel的属性为Document，名为HttpPostedFileBase。当我使用@Html.BeginForm时，ViewModel可以很好地绑定，但是如果将其更改为@Ajax.BeginForm并保持所有相同，它将绑定HttpPostedFileBase属性的所有ViewModel属性。有什么建议吗？

相关代码：

 [HttpPost]
    public ActionResult Add(ViewModel vm)
    {
        return new HttpStatusCodeResult(200);
    }

 @using (Ajax.BeginForm("Add", "Home", new AjaxOptions() {  HttpMethod = "Post" , AllowCache = false}, new { enctype = "multipart/form-data" }))
            {
                @Html.HiddenFor(m => Model.Document.DocumentType);
                @Html.HiddenFor(m => Model.Document.DocumentTypeId);
                @Html.HiddenFor(m => Model.Document.File);

                <div class="container">
                    <table>
                        <tr>
                            <td>
                                <input class="form-control" type="text" id="lblAllReceivables" />                                </td>
                            <td >
                                @Html.TextBoxFor(m => m.Document.File, new { type = "file", @class = "inputfile", @name = "file", @id = Model.Document.DocumentTypeId, @accept = ".pdf, .doc, docx" })
                                <label id="lblUpload" for="@Model.Document.DocumentTypeId"><i class="fa fa-upload" style="margin-right:10px;"></i>File</label>

                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" >
                                Comments:<br />
                                <div class="input-group" style="width:100%;">
                                    @Html.TextAreaFor(m => m.Document.Comments)

                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2"><hr /></td>
                        </tr>
                        <tr><td colspan="2" >  <input id="btnSubmit" class="btn btn-default btn-lg" type="submit" style="width:275px;" value="Submit  Application" /><a class="btn btn-default">Cancel</a></td></tr>
                    </table>
                </div>
            }

Answer 1

我发现浏览器不支持通过xmlhttprequest上传文件，这是ajax.beginform用于发布数据的方式（所有浏览器ajax库也是如此）。如果您使用的是html 5浏览器，则可以使用新文件api上传文件。对于较旧的浏览器，您可以使用iframe发布文件。 google for jquery插件，其中包含这两个功能，或者仅使用iframe方法（非常简单）。

在某些情况下，我更喜欢使用DropzoneJS之类的其他插件，最好处理一下，并且可以轻松上传多个文件。

Html.BeginForm有效但Ajax.BeginForm不起作用

1 个答案: