添加jquery.unobtrusive-ajax.js引用后Upload为空
提问于 2013-12-17 19:59:21
如果我不引用jquery.unobtrusive-ajax.js，我可以在帖子上获得附件。如果我引用它，它会给我空值。
<script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
@using (Ajax.BeginForm("Index", "ContactSubmission", new AjaxOptions{ InsertionMode = InsertionMode.Replace, HttpMethod = "POST", OnSuccess = "updateSuccess" },
new { enctype = "multipart/form-data",@class = "form-horizontal", role = "form" }))
{
///code here}
[HttpPost]
public JsonResult Index(Contact contact)
{
if (ModelState.IsValid)
{
if (contact != null)
{
string attachment = string.Empty;
// HttpPostedFileBase Attachment
if (contact.Attachment != null) attachment = SaveFile(contact.Attachment);
......如何处理这个问题？
回答 2
Stack Overflow用户
发布于 2015-02-27 15:17:48
我修改了jquery.unobtrusive-ajax.js，使其可以上传文件。第一次修改：
$(document).on("submit", "form[data-ext=true]", function (evt) {
var clickInfo = $(this).data(data_click) || [],
clickTarget = $(this).data(data_target),
isCancel = clickTarget && clickTarget.hasClass("cancel");
evt.preventDefault();
if (!isCancel && !validate(this)) {
return;
}
var formData;
if (this.enctype && this.enctype === "multipart/form-data") {
formData = new FormData(this);
} else {
formData = clickInfo.concat($(this).serializeArray());
}
asyncRequest(this, {
url: this.action,
type: this.method || "GET",
data: formData
});
});第二个修改是在asyncRequest中
....
method = options.type.toUpperCase();
if (options.data instanceof FormData) {
options.processData = false;
options.contentType = false;
options.data.append("X-Requested-With", "XMLHttpRequest");
if (!isMethodProxySafe(method)) {
options.type = "POST";
options.data.append("X-HTTP-Method-Override", method);
}
} else {
options.data.push({ name: "X-Requested-With", value: "XMLHttpRequest" });
if (!isMethodProxySafe(method)) {
options.type = "POST";
options.data.push({ name: "X-HTTP-Method-Override", value: method });
}
}
...Stack Overflow用户
发布于 2013-12-17 20:24:38
如果不引用jquery.unobtrusive-ajax.js，就不会得到ajax表单，而是一个普通的HTML表单。如果您这样做了，我认为表单工作得很好，但是不可能用它上传文件，因为ajax不允许multipart/form-data加密。
您可以使用HTML5File API (Using files from web applications)或jQuery上传插件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20643512
复制
腾讯云开发者
