Я разрабатываю веб-сайт в MVC 4, где пользователь заполняет некоторую информацию и сохраняет ее для загрузки. вся информация, кроме изображения, сохраняется на сервере с использованием Javascript, Json и Ajax, как указано ниже:

$.ajax({
                    url: action,
                    type: "POST",
                    data: JSON.stringify(PostViewModel),
                    dataType: "json",
                    contentType: "application/json; charset=utf-8",
                    beforeSend: function () {            
                    },
                    success: function (data) {
                    try{
                        alert('success');
                    }catch(err){alert(' Error: '+err);}

                    },
                    complete: function () {
                    },
                    error: function (xhr, ajaxOptions, thrownError) {
                        alert("Error occured");
                    }
            });

Но теперь мне нужно загрузить его изображение также, но я не могНе может найти какой-либо метод, который может работать с этим подходом или любой без обратной отправки.

Я знаю, поместив FileUpload Control в тег Form и нажав кнопку отправки, я могу получить файл изображения, как показано ниже:

 HttpPostedFileBase photo = Request.Files["photo"];
        if (photo != null)
        {
            Session["ImgPath"] = "~/Content/PostImages/" + photo.FileName;
            string path = Server.MapPath("~/Content/PostImages/");
            photo.SaveAs(path + photo.FileName);
        }

Но для этого метода яМне придется изменить мой подход к сохранению контента (используя Javascript, Json & Аякс) который я могут.

Пожалуйста помоги

Благодарю.