gpt4 book ai didi

javascript - HTML 表单回发并下载文件时显示进度掩码

转载 作者:行者123 更新时间:2023-11-28 08:58:08 24 4
gpt4 key购买 nike

我是 javascript 和 HTML 的新手。我正在努力显示繁忙的图像,同时我的 html 表单回发并下载文件。我正在使用http://malsup.com/jquery/form/#options-object插入。我正在使用 IE 9。我正在发回一份表格并作为返回收到一个文件。

当我回发时,我看到繁忙的掩码,然后 IE 要求我另存为文件,但掩码并没有消失。没有调用成功/错误回调。下面是我的代码的快照。

非常感谢您在解决此问题方面的指导。

`frmExport.html
<head>
<script src="js/jquery-1.8.0.js"></script>

<script src="js/jquery.form.js"></script>

<script src="js/frmExport.js"></script>
</head>
<body onload="......">
<form id="frmExport" onsubmit="return exportFile();" enctype="multipart/form-data" method="post">
<fieldset>
<legend class="cuesGroupBoxTitle">Export File</legend>
<table border="0" cellpadding="0" cellspacing="8">
<tr>
<td width="50%">Export File:</td>
<td><input type="submit" id="ExportFileButton" value="Export" /></td>
</tr>
</table>
</fieldset>
</form>
</body>

frmExport.js

function exportSuccess(responseText, statusText, xhr, $form)
{
hideMask("exportFile");
alert(statusText");
}

function exportError()
{
hideMask("exportFile");
alert("An error occurred while exporting file.");
}

function exportFile()
{
if(confirm("Exporting file may take sometime. Do you want to continue?"))
{
var options =
{
type: "POST",
success: exportSuccess, // post-submit callback
error: exportError,
url: 'exportURI',
dataType: 'text'
};

// bind to the form's submit event
$('#frmExport').submit(function()
{
$(this).ajaxSubmit(options);

showMask("exportFile");

//always return false
return false;
});
}
}`

最佳答案

我很确定您的问题是在提交已被触发时 Hook 了提交事件 ($('#frmExport').submit(...))。尝试将其挂接到 document.ready 上。

$(document).ready(function() {
var options =
{
type: "POST",
success: exportSuccess, // post-submit callback
error: exportError,
url: 'exportURI',
dataType: 'text'
};

// bind to the form's submit event
$('#frmExport').submit(function()
{
$(this).ajaxSubmit(options);

showMask("exportFile");

//always return false
return false;
});

});

关于javascript - HTML 表单回发并下载文件时显示进度掩码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18165910/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com