Twitter bootstrap 用于文件上载的引导模式
在asp.NETMVC中开发的应用程序中,我一直在使用bootstrap模式。现在,我在尝试使用引导模型上载文件时遇到了问题。在普通ajax中,控制器在HttpPostedFileBase中显示为null。然后我使用JQuery.Form.js,并从@usinghtml.BeginHtml切换到@usingajax.BeginForm。使用此选项,文件将显示在HttpPostedFileBase中。但是,这次回调不起作用。下面是已经使用过的javascript代码片段Twitter bootstrap 用于文件上载的引导模式,twitter-bootstrap,file-upload,modal-dialog,Twitter Bootstrap,File Upload,Modal Dialog,在asp.NETMVC中开发的应用程序中,我一直在使用bootstrap模式。现在,我在尝试使用引导模型上载文件时遇到了问题。在普通ajax中,控制器在HttpPostedFileBase中显示为null。然后我使用JQuery.Form.js,并从@usinghtml.BeginHtml切换到@usingajax.BeginForm。使用此选项,文件将显示在HttpPostedFileBase中。但是,这次回调不起作用。下面是已经使用过的javascript代码片段 $(function ()
$(function () {
$.ajaxSetup({ cache: false });
$(document).delegate("a[data-ajax-model]", "click", function (e) {
$('#myModalContent').load(this.href, function () {
$('#myModal').modal({
keyboard: true
}, 'show');
bindAjaxForm(this);
});
return false;
});
});
function bindAjaxForm(dialog) {
$('form', dialog).submit(function (e) {
e.preventDefault();
$('#ajaxForm').ajaxForm({
success: function (data, textStatus, xhr) {
alert('test0');
$('#myModal').modal('hide');
$('#replacetarget').html(data);
Initialize_ThreeFixDT();
},
error: function (xhr, status) {
alert('test');
$('#myModalContent').html(xhr.responseText, xhr.status);
bindAjaxForm(dialog);
}
});
return false;
});
}
我对引导模式进行完全回发有异议,并且该模式在回发后不会返回。所以我用Hiddenfield作为旗帜 当文件上传按下提交按钮时,HiddenField的值为1。如果HiddenField值为1,则在JQuery的document.ready中编写代码以显示弹出模式 如果为1,我还将HiddenField值设置为0