Javascript GIF不适用于Safari中的表单提交，但适用于Chrome

我想在提交表单时作为加载程序运行GIF动画。我制作了一个非常基本的表单，只需点击一个输入按钮即可提交表单，并且应该被GIF替换。GIF在Safari中不起作用，但在Chrome中起作用。客户端要求GIF应该在所有浏览器中运行。另一个要求是，我不能使用AJAX来提交本文推荐的表单

我的jQuery

$(document).ready(function(){
    $("#myform").on("submit", function(){
        $(".UploadBtn").hide();
        $("#spinner").show();
        $("#img-spinner").show();
    });
});

我的CSS

#spinner {
    display: none;
    font-size: 20px;
    font-family: serif;
    color: #00C853;
         }

#img-spinner {
    display: none;
             }

.UploadBtn {
    display: show;
           }

我的HTML

<form id ="myform" action="{% url 'loading_test' %}" method="POST">
<input type="submit" class="UploadBtn">
</form>
<div id="spinner"><img id="img-spinner" src="{{ STATIC_URL }}img/pacman_orange.gif"> loading</div>

加载

尝试指定宽度：100px；和高度：图像的100像素。这对我有用。

你解决问题了吗？我也面临着同样的情况。不幸的是，我最终放弃了这个问题，因为让它在狩猎旅行中发挥作用成了一个很好的计划。