gpt4 book ai didi

java - 使用 Servlet 程序以 JSP 形式显示 .gif 文件

转载 作者:行者123 更新时间:2023-11-30 06:37:15 25 4
gpt4 key购买 nike

我写了一个servlet java程序。

在程序的一个特定循环执行期间,我需要以 JSP 形式显示一个 gif 文件,以指示该过程正在进行。

我不知道在循环内实现相同的功能。

请告知必须如何完成相同的操作,以便以 JSP 形式显示 gif 文件,如果您可以建议任何用于处理显示的 .gif 文件,这将非常有用。我是 Java 的初学者。

提前致谢

最佳答案

JSP 应该输出 HTML。 HTML 中的图像将使用 <img> 显示标签。这个标签有一个 src应该指向公共(public) Web 资源的属性。这是一个例子:

<img src="progress.gif">

通过http://example.com/context/page打开JSP页面时, 这假设 progress.gif文件将出现在 http://example.com/context/progress.gif 中(即在公共(public) webcontent 文件夹的根目录中)。

现在,您只想在按下提交按钮时显示图像,以便等待响应完成。为此,您可以先使用 CSS 隐藏图像,然后使用 JavaScript 重新显示它。

HTML:

<input type="submit" onclick="showProgress()">
<img id="progress" src="progress.gif">

CSS:

#progress { 
display: none;
}

JavaScript

function showProgress() {
document.getElementById('progress').style.display = 'block';
}

当响应完成后,它将使用新的目标页面刷新页面,进度图像将“自动”消失。


更新:完整的 JSP 文件如下所示:

<!DOCTYPE html>
<html lang="en">
<head>
<title>Test</title>
<style>
#progress {
display: none;
}
</style>
<script>
function showProgress() {
document.getElementById('progress').style.display = 'block';
}
</script>
</head>
<body>
<form>
<input type="submit" onclick="showProgress()">
<img id="progress" src="progress.gif">
</form>
</body>
</html>

或者当 CSS/JS 在其自己的文件中外部化时(推荐):

<!DOCTYPE html>
<html lang="en">
<head>
<title>Test</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<form>
<input type="submit" onclick="showProgress()">
<img id="progress" src="progress.gif">
</form>
</body>
</html>

另见:

关于java - 使用 Servlet 程序以 JSP 形式显示 .gif 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3712730/

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