我希望在处理 servlet 时显示正在加载的 gif 图像。我所做的是，在处理表单之前，我调用了一个 JSP，其中包含一个带有加载图像的动画 gif。从这个 JSP，我发送一个重定向到处理表单的 servlet。 这仅适用于 Chrome 和资源管理器，但在 Firefox 中图像停止移动。
我的表单的 Action 是一个包含加载图像的 JSP，为了提交表单，我有以下代码:
var form = document.getElementById('reporteEstadisticoAnualArticulo');
var win = window.open("", "reporte","width=1002, height=700,location=0, menubar=0, scrollbars=1, status=1,resizable=0");
form.target = "reporte";
form.submit();
JSP 包含以下代码:
<html>
<head>
<link type="text/css" href="css/Preloader.css" rel="stylesheet" />
<script type="text/javascript">
function retraso(){
var vars = getUrlVars();
var location = document.getElementById("url").value;
window.location = location+"?"+vars ;
cargarImagen();
}
function cargarImagen() {
document.getElementById("cargando").src = "images/Cargando.gif";
return false;
}
</script>
</head>
<body onload="setTimeout('retraso()',500)">
<div align="center" class="Preloader1">
<label style="font-weight: bold; font-family: arial;">Cargando Reporte</label> <br /><br />
<img id="cargando" alt="LogoNatura" src="images/Cargando.gif">
<br /><br />
<img alt="LogoNatura" src="images/logo.png">
</div>
<input type="hidden" value="<%= request.getParameter("url") %>" id="url" />
</body>
</html>
我已经尝试了很多方法来避免图像停止移动，但我还没有找到好的答案。如果有人能提供帮助，我会很高兴。 这也不适用于 iframe。有什么想法吗？
最佳答案
我之前遇到过完全相同的问题。我修复了使用 IFrame 的问题。
首先创建一个 HTML 文件并在其中插入图像(加载图标)。现在使用 IFrame 只需引用该文件。它在 Firefox 中也能正常工作。我做的是，如果是IE浏览器，我直接用图片替换IFrame。
<td id="tdImgLoad">
<iframe style="height:50px;text-align:right;width:225px" scrolling="no" frameborder="0" src="web/loading.htm" id="imgLoad"> </iframe>
</td>
<script>
if(isIE())
{
getElement ("tdImgLoad").innerHTML ="<img src='images/loading.gif'>";
}
</script>
关于java - Gif 加载在 Firefox 中停止，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8408119/