我在django中实现了正常运行的上传功能。正在处理的文件很大，等待时间很长，因此我希望在文件加载时在页面上提供“请等待/加载... / GIF”。
开始上传功能的HTML / Django如下：
<p><input type="submit" value="Upload" id="Upload" onclick = "showMessage()"/></p>
上传按钮如下（附有隐藏的div）：
<div class="up" id="up" style="display:none;">
<img src="{% static 'img/ajax-loader.gif' %}" alt="loading"/>
</div>
我采用了一些示例代码，并尝试将其调整为上述HTML，但在加载时间内它根本没有显示在页面上......我没有错误可以遵循。
ajax：
<script>
function showMessage() {
$('.up').show()
// document.getElementById("up").innerHTML = "please wait";
}
</script>
但是我的ajax代码没有任何效果，因为点击“上传”后隐藏的div没有出现。
我一点也不熟悉Ajax / javascript，所以虽然我明白我可以看到我能够设置一个函数“showMessage”，然后点击“上传”，该函数将被调用应该渲染隐藏的div到页面直到输出完成并呈现到输出页面。
我还应该提一下，在我决定使用GIF之前，我成功设法在点击“上传”按钮后显示“请等待”消息（此代码在上面的“showMessage”函数中被静音。
问题是“请等待”消息实际上覆盖了渲染到输出页面，因此处理时不会显示上传结果。
因此总的来说，我只想要一个隐藏的div渲染到输入页面，直到输出完成，并且不会与更重要的后续渲染输出页面冲突。
我正在使用的语法对页面没有任何影响，所以我希望有人可以纠正我的错误代码。
由于