Как загрузить изображение в ASP.NET MVC 4, используя ajax или любой другой метод без обратной передачи?
Я разрабатываю веб-сайт в 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 & Ajax), чего я не могу.
Пожалуйста помоги
Благодарю.