jquery-在 Asp.net MVC 中发布后更新相同的模式而不是页面重新加载
发布时间:2022-03-04 16:51:46 245
相关标签: # ruby
我在用Asp。net MVC 4和Bootstrap 3以模式上载新图像,并在上载后以相同模式显示图像。到目前为止,上传是有效的,但我没有更新模式,而是重定向到视图。以下是我的代码:
控制器
[HttpPost]
public ActionResult FlatImageOne(HttpPostedFileBase file, int getFlId)
{
if (file != null && file.ContentLength > 0)
{
string picName = getFlId.ToString() + "-0";
WebImage img = new WebImage(file.InputStream);
string picExt = Path.GetExtension(file.FileName);
if (picExt == ".jpg" || picExt == ".gif" || picExt == ".jpeg" || picExt == ".png")
{
picExt = "PNG";
string path = System.IO.Path.Combine(Server.MapPath("~/Images/Flats/"), picName);
var img_cropped = img.Resize(1000, 667, false, true);
img_cropped.Save(path, picExt);
TempData["img1_update_success"] = "Image Updated Successfully!";
return RedirectToAction("FlatImageOne", new { FlId = getFlId });
}
else
{
TempData["img1_update_fail"] = "Error! Wrong File Type(s)! Please Try Again.";
return RedirectToAction("FlatImageOne", new { FlId = getFlId });
}
}
else
{
TempData["img1_update_fail"] = "Error! Please provide an image file to update.";
return RedirectToAction("FlatImageOne", new { FlId = getFlId });
}
}
模态视图
@using (Html.BeginForm("FlatImageOne", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
@Html.ValidationSummary(true, "Error! Please provide valid information!")
}
查看(如果单击链接,此页面将打开模式!)
Change Featured Image
如何在上传后重新加载模式,而不是重定向到页面?
使现代化
至于@Stephen Muecke的建议,我在modal的视图中添加了ajax。但我每次尝试上传时都会收到错误警报。这是密码,
$('#btnUpload').click(function (e) {
e.preventDefault();
var formdata = new FormData($('form').get(0));
$.ajax({
url: '@Url.Action("FlatImageOne", "Home")',
type: 'POST',
data: formdata,
processData: false,
contentType: false,
success: function (data) {
alert("Upload successful!");
},
error: function () {
alert("Error");
}
});
});
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报