Question

我正在寻找一种简单的方法来显示在按下提交按钮后正在上传文件。这些文件的大小最大可达50 MB，用户可以认为浏览器已冻结，因为它需要很长时间。我不是在寻找任何动画的东西，只是在提示按钮旁边（或代替）出现的“加载...”这个词。 onclick可能会这样做，但我不确定它是否会干扰提交过程。

Answer 1

在提交按钮旁边显示“旋转gif”，该按钮在onSubmit事件中可见。将表单重定向到新页面或在表单上传时重新加载当前页面。

这是一个非常简单的例子：

<script>
    $(".spinner").hide();

    function loadSpinner() {
         $(".spinner").show();

         //do validations             

         //redirect
    }

</script>

表单可能如下所示：

< form onsubmit="loadSpinner()">
    .
    .
    .
    <div>
        <input id="submitButton" type="submit" /> 
        <span class="spinner"><img src="images/loading.gif" /></span>
    </div>

</form>

此示例假设您使用的是jQuery。

按提交后简单指示文件正在上传

1 个答案: