返回

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!")
}

your image

查看(如果单击链接,此页面将打开模式!)



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");
                }
            });
        });
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(0)
按点赞数排序
用户头像