Javascript 上传内容后刷新引导模式对话框的主体
我正在创建一个服务,通过引导模式对话框更改数据库中的一些数据。上传文件后,我会在模态对话框主体中显示该文件的名称。但是我看不到我刚刚上传的文件名,我必须关闭对话框,然后再次打开它,没有它我就看不到上传文件的实际名称 问题是:如何在不关闭模态对话框的情况下刷新模态对话框的“模态体” 以下是我的模式html:Javascript 上传内容后刷新引导模式对话框的主体,javascript,ajax,asp.net-mvc,modal-dialog,bootstrap-modal,Javascript,Ajax,Asp.net Mvc,Modal Dialog,Bootstrap Modal,我正在创建一个服务,通过引导模式对话框更改数据库中的一些数据。上传文件后,我会在模态对话框主体中显示该文件的名称。但是我看不到我刚刚上传的文件名,我必须关闭对话框,然后再次打开它,没有它我就看不到上传文件的实际名称 问题是:如何在不关闭模态对话框的情况下刷新模态对话框的“模态体” 以下是我的模式html: <div class="modal fade" id="editModalCenter" tabindex="-1" role
<div class="modal fade" id="editModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content" style="width: 535px">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Edit Event</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div id="dialog-edit"></div>
<div id="EditStatus"></div>
</div>
</div>
</div>
编辑事件
&时代;
还有我的javascript:
tab.on("click", ".btnUpload", function (e) {
var formData = new FormData();
var id = $(this).closest("tr").find('#fileId').text();
var file = document.getElementById("FileUpload").files[0];
formData.append("id", id);
formData.append("file", file);
$.ajax({
type: "POST",
url: "/Events/UpdateJsionFile",
contentType: false,
processData: false,
dataType: "JSON",
data: formData,
success: function (data) {
if (!data.success) {
var res = $('<div style="color:red;">' + data.error + '</div>')
$('#uploadStatus').html(res);
}
else {
$('#uploadStatus').html("File #1 uploaded!");
}
}
});
});
tab.on(“单击“,”.btnUpload”,函数(e){
var formData=new formData();
var id=$(this).closest(“tr”).find('#fileId').text();
var file=document.getElementById(“FileUpload”).files[0];
formData.append(“id”,id);
formData.append(“文件”,file);
$.ajax({
类型:“POST”,
url:“/Events/UpdateJsionFile”,
contentType:false,
processData:false,
数据类型:“JSON”,
数据:formData,
成功:功能(数据){
如果(!data.success){
var res=$(''+data.error+'')
$('#uploadStatus').html(res);
}
否则{
$('uploadStatus').html(“文件已上载!”;
}
}
});
});
一切都很好,但我不知道上传后如何刷新数据?
有人能帮我吗?我是这样解决的: 首先,我创建了一个文件名为的变量:
var fileName = document.getElementById("FileUpload").files(0).name;
然后,在我的ajax成功之后:
$('.FileUpload').html(fileName);
希望它能帮助那些正在寻找同样东西的人…我已经这样解决了它: 首先,我创建了一个文件名为的变量:
var fileName = document.getElementById("FileUpload").files(0).name;
然后,在我的ajax成功之后:
$('.FileUpload').html(fileName);
希望它能帮助那些正在寻找同样东西的人