Я использую модальное всплывающее частичное представление, которое имеет 4 вкладки, такие как Информация, Документ, Файлы и Тренеры
Если я загружаю какой-либо документ, то он успешно загружен, но когда я закрываю модальное всплывающее окно, он отображается на вкладке файла. Я хочу видеть мой загруженный документ сразу во время загрузки
Я использую ajax-вызов во время загрузки документа по событию клика.
здесь мой ajax-вызов для загрузки файла.
<script type="text/javascript">
function UploadFile()
{
debugger
var fileUpload = $("#FileUpload").get(0);
var files = fileUpload.files;
if (files.length > 0) {
var fileData = new FormData();
for (var i = 0; i < files.length; i++) {
fileData.append(files[i].name, files[i]);
}
fileData.append("Id", $("#Id").val());
$.ajax({
url: '@Url.Content("~/Company/Uploaddocument")',
type: "POST",
contentType: false,
processData: false,
data: fileData,
success: function (data) {
if (data.msgstatus) {
$(".alert-success").show();
$(".alert-danger").hide();
$("#successMessage").html(data.msg);
}
else
{
$(".alert-danger").show();
$(".alert-success").hide();
$("#errorMessage").html(data.msg);
}
},
error: function (err) {
alert(err.statusText);
}
});
}
else
{
//$("#file").attr("style", "border-bottom:1px solid red;");
//return false;
}
}
Кнопка, к которой я применил свой вызов ajax
<input type="button" onclick="UploadFile()" value="Upload" id="upload"/>

вот так, на вкладке документа я выбираю файл и загружаю, но когда я нажимаю на вкладку файлы, я не вижу никакого документа, но после закрытия всплывающего окна я вижу.