Asp.net MVC-fileupload 值在 httppost 方法中显示空值

Question

在视图上：<div id="project-contact-form">                @using (Ajax.BeginForm("Apply","Careers", new AjaxOptions { OnSuccess = "onApplySuccess" }, new { @id = "form1", @enctype = "multipart/form-data" }))                {                <div class="row">                    <div class="col-md-12">                        <div id="success-project-contact-form" class="no-margin-lr"></div>                    </div>                    <div class="col-md-6">                        <input type="text" required name="Firstname" id="Firstname" placeholder="First name" class="big-input">                    </div>                    <div class="col-md-6">                        <input type="text" required name="Lastname" id="Lastname" placeholder="Last name" class="big-input">                    </div>                    <div class="col-md-6">                        <input type="email" required name="Email" id="email" placeholder="E-mail" class="big-input">                    </div>                    <div class="col-md-6">                        <input type="text" required name="Mobile" id="mobile" placeholder="Mobile" class="big-input">                    </div>                    <div class="col-md-6">                                            <input type="file" name="FileUploader" id="files" class="hidden" />                        <label for="files" class="float-left cursor-pointer">Upload CV</label>                    </div>                    <div class="col-md-12 text-center">                        <button id="project-contact-us-button" type="submit" class="btn btn-medium btn-transparent-bnsights btn-rounded md-margin-15px-bottom sm-display-table sm-margin-lr-auto">Send</button>                    </div>                </div>                }            </div>

Answer 1

通常你不能使用Ajax.BeginForm()like上传文件Html.BeginForm()。您必须使用 JavaScript/jQuery 来提交表单元素。

这是解决方案：

$(document).ready(function(){

    $(document).on("submit", "#form1", function (event) {

            event.preventDefault();

            event.stopImmediatePropagation();

            var formData = new FormData(this);

            var url = this[0].action;

            $.ajax({

              url: url,

              type: 'POST',

              data: formData,

              success: function (response) {

                if (response) {

                  //do necessary work with response

                }

              },

              error: function() {

                //handle error here

              },

              cache: false,

              contentType: false,

              processData: false

            });

            return false;

          });

});