[英]MVC HttpPostedFileBase always null with ajax options
i've encountered some issue where i cannot get the file from the form with ajaxOptions. 我遇到了一些无法使用ajaxOptions从表单获取文件的问题。 Below are the code..
下面是代码。
@using (Ajax.BeginForm(null, null, new AjaxOptions { OnBegin = "blockUI", OnSuccess = "handleFormSuccess", OnFailure = "onAjaxFailure" }, new { enctype = "multipart/form-data" }))
{
<div class="col-md-4">
<div class="form-group">
@Html.LabelFor(model => model.MediaName, new { @class = "control-label" })
<span class="text-danger" aria-required="true"> * </span>
@Html.TextBoxFor(model => model.MediaName, new { @class = "form-control", @placeholder = LocalizationViewModel.Media.MediaName })
<span class="text-danger">@Html.ValidationMessageFor(model => model.MediaName)</span>
</div>
</div>
<div class="row col-md-12">
<div id="imageContent" class="form-group">
@Html.Label(@LocalizationViewModel.Media.Image, new { @class = "control-label" })
<div class="col-md-12">
@Html.TextBoxFor(model => model.MediaFile, new { type = "file" })
</div>
</div>
</div>
}
if i change to this, it's working file. 如果我更改为此,它是工作文件。
@using (Html.BeginForm("CreateMedia", "Media", FormMethod.Post, new { @class = "form-horizontal", enctype = "multipart/form-data" }))
{
<div class="col-md-4">
<div class="form-group">
@Html.LabelFor(model => model.MediaName, new { @class = "control-label" })
<span class="text-danger" aria-required="true"> * </span>
@Html.TextBoxFor(model => model.MediaName, new { @class = "form-control", @placeholder = LocalizationViewModel.Media.MediaName })
<span class="text-danger">@Html.ValidationMessageFor(model => model.MediaName)</span>
</div>
</div>
<div id="imageContent" class="form-group">
@Html.Label(@LocalizationViewModel.Media.Image, new { @class = "control-label" })
<div class="col-md-12">
@Html.TextBoxFor(model => model.MediaFile, new { type = "file" })
</div>
</div>
</div>
}
below are my controller and view model. 以下是我的控制器和视图模型。
[HttpPost]
[ValidateAntiForgeryToken]
public async Task<ActionResult> CreateMedia(CreateMediaViewModel viewModel)
{ // some code here
}
public class CreateMediaViewModel
{
[Display(ResourceType = typeof(Media), Name = "MediaName")]
[Required(ErrorMessageResourceType = typeof(Message), ErrorMessageResourceName = "MessageFieldRequired")]
public string MediaName { get; set; }
[Display(ResourceType = typeof(Media), Name = "Image")]
public HttpPostedFileBase MediaFile { get; set; }
}
Have anyone have the idea to make it works? 有没有人想让它起作用? :( i been stuck here for some times...thanks..
:(我在这里停留了一段时间...谢谢..
In the second case, you are explicitly declaring action and controller's names: 在第二种情况下,您将明确声明动作和控制器的名称:
Html.BeginForm("Edit", "ClientProgrammeProduct",...
Try the same with Ajax.BeginForm
(instead using null s). 使用
Ajax.BeginForm
尝试相同的操作(而不是使用null )。
Look here too: How to do a ASP.NET MVC Ajax form post with multipart/form-data? 还要看这里: 如何使用multipart / form-data进行ASP.NET MVC Ajax表单发布?
I added this code on my script section and my file is now detected on my HttpPostedFileBase
parameter on my controller. 我在脚本部分添加了此代码,现在在控制器上的
HttpPostedFileBase
参数上检测到我的文件。
<script>
window.addEventListener("submit", function (e) {
var form = e.target;
if (form.getAttribute("enctype") === "multipart/form-data") {
if (form.dataset.ajax) {
e.preventDefault();
e.stopImmediatePropagation();
var xhr = new XMLHttpRequest();
xhr.open(form.method, form.action);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
if (form.dataset.ajaxUpdate) {
var updateTarget = document.querySelector(form.dataset.ajaxUpdate);
if (updateTarget) {
updateTarget.innerHTML = xhr.responseText;
}
}
}
};
xhr.send(new FormData(form));
}
}
}, true);
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.