Загрузите файл перед отправкой формы

Question

У меня есть форма для заявки на задание. В которой пользователю должно быть разрешено загружать резюме, также в форме есть выпадающий список, который позволяет пользователю выбирать из списка ранее загруженного резюме . Теперь, к моему вопросу, мне нужно, чтобы новое резюме было загружено без отправки формы и заново отобразило выпадающее меню с недавно загруженным резюме. Итак, теперь пользователь может применить задание, выбрав резюме, перечисленные в раскрывающемся списке. Любая помощь, пожалуйста?

Answer 1

Для предотвращения полной обратной передачи на вашей странице вам необходимо использовать Json. После этого вы должны вернуться к частичному просмотру.

В качестве примера;

HTML код:

<input type="text" id="UserName" name="UserName"/> 
<input type="button" onclick="ButonClick()" value="Enter"/> 

Javascript Код:

function ButonClick() { 
    var data= { 
     UserName: $('#UserName').val(), 
    }; 

$.ajax({ 
    url: "/Home/MyActionResult", 
    type: "POST", 
    dataType: "json", 
    contentType: 'application/json', 
    data: JSON.stringify(data) 
    }); 

Контроллер:

public ActionResult MyActionResult(string UserName , MyModel model) 
{ 
    var stringView = RenderRazorViewToString("_YourPartialView", model); 
    return Json(stringView, JsonRequestBehavior.AllowGet); 
} 

Примечание:

Вам нужно ниже кода для частичного просмотра json.

Добавьте ниже на свой контроллер тоже.

public string RenderRazorViewToString(string viewName, object model) 
{ 
    ViewData.Model = model; 
    using (var sw = new StringWriter()) 
    { 
     var viewResult = ViewEngines.Engines.FindPartialView(ControllerContext, viewName); 
     var viewContext = new ViewContext(ControllerContext, viewResult.View, ViewData, TempData, sw); 
     viewResult.View.Render(viewContext, sw); 
     viewResult.ViewEngine.ReleaseView(ControllerContext, viewResult.View); 
     return sw.GetStringBuilder().ToString(); 
    } 
}