Question

我编写了一个servlet java程序。

在执行程序的一个特定循环期间，我需要在JSP表单中显示一个gif文件，指示进程正在进行。

我不知道在循环中实现相同的内容。

请告知如何完成同样的操作，以便在JSP表单中显示gif文件，如果您可以为了处理显示而建议任何.gif文件，那将非常有用。我是java的初学者。

提前致谢

Answer 1

JSP应该输出HTML。 HTML中的图像将使用<img>标记显示。此标记具有src属性，该属性应指向公共Web资源。这是一个例子：

<img src="progress.gif">

按http://example.com/context/page打开JSP页面时，假定progress.gif文件存在于http://example.com/context/progress.gif中（即位于公共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>

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

1 个答案:

另见：