Попытка отправить файл изображения POST - параметр в ActionResult имеет значение null

Я хочу загрузить файл с помощью MVC и jQuery, но мой параметр равен нулю. В моем jQuery я получаю данные формы и присваиваю им переменную, а затем ОТПРАВЛЯЮ ее в ActionResult. Мой параметр имеет значение null, и я не уверен, правильно ли передаю данные.

HTML

<table>
                <tr>
                    <td><img src="@Url.Content("~/AMTImages/UserAvatar.png")" width="64" height="64" style="border: thin solid" /></td>
                    <td></td>
                    <td></td>
                    <td>
                        <form enctype="multipart/form-data" id="imageUploadForm">
                            <table>
                                <tr>
                                    <td>@Html.LabelFor(m => m.DisplayName, "Display Name: ")</td>
                                    <td style="padding-left: 10px;">@Html.TextBoxFor(m => m.DisplayName)</td>
                                </tr>
                                <tr>
                                    <td>@Html.LabelFor(m => m.UserImage, "User Image: ")</td>
                                    <td style="padding-left: 10px; float: right;">@Html.TextBoxFor(m => m.UserImage, new { type = "file", accept = "image/*" })</td>
                                </tr>
                            </table>
                        </form>
                    </td>
                    <td>
                        <table style="display:none;">
                            <tr>
                                <td>
                                    <progress></progress>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>

JavaScript

$(':file').change(function () {
    var file = this.files[0];

    $.ajax({
        url: '@Url.Action("UploadImage", "User")',  //Server script to process data
        type: 'POST',
        data: file,
        beforeSend: function() {  
        },
        success: function () {
        },
        error: function () {
        },
        processData: false,
        contentType: file.type
    });
});

Результат действия

 public ActionResult UploadImage(HttpPostedFileBase file)
        {
            if (file != null && file.ContentLength > 0)
                try
                {
                    string path = Path.Combine(Server.MapPath("~/Images"),
                                               Path.GetFileName(file.FileName));
                    file.SaveAs(path);
                    ViewBag.Message = "File uploaded successfully";
                }
                catch (Exception ex)
                {
                    ViewBag.Message = "ERROR:" + ex.Message.ToString();
                }
            else
            {
                ViewBag.Message = "You have not specified a file.";
            }

            return View();
        }

person nick gowdy    schedule 18.11.2014    source источник
comment
@Rory McCrossan - мой пост касается ASP.NET MVC, и в этом ответе показан только клиентский код.   -  person nick gowdy    schedule 18.11.2014
comment
Это правильно. Проблема здесь связана с вашим кодом на стороне клиента, а решение такое же, как и вопрос, на который я ссылался.   -  person Rory McCrossan    schedule 18.11.2014


Ответы (1)


Ваш UploadImage ожидает файл с параметром POST. Где вы указываете это в своем внешнем коде? Не видно, где вы его проходите.

Попробуйте изменить файл HttpPostedFileBase на HttpPostedFileBase userImage.

person Yannis    schedule 18.11.2014
comment
Я заметил, что на самом деле я не передавал данные, но они все еще нулевые. Мне просто нужно знать, какой тип данных у моего параметра в С#. Я обновил свой пост SO новым javaScript. - person nick gowdy; 18.11.2014