上传文件时加载显示

Question

所以我在加载页面时有一个加载屏幕。这很好用。我的问题是，当我上传文件时，我不希望我的用户能够触发任何其他可能在文件上传时重新加载页面的事件。

我可以在文件上传时重新使用我的加载div。

我的javascript非常新手。

非常感谢任何帮助。

<div id="loading"></div>

<!-- Loading --> 
<script>
  function onReady(callback) {
    var intervalID = window.setInterval(checkReady, 1000);

    function checkReady() {
      if (document.getElementsByTagName('body')[0] !== undefined) {
        window.clearInterval(intervalID);
        callback.call(this);
      }
    }
  }

  function show(id, value) {
    document.getElementById(id).style.display = value ? 'block' : 'none';
  }

  onReady(function () {
    show('loading', false);
  });
</script> 

这里有一些源代码：http://xeroharm.com.au/Test.html