如何检查Chrome中的文件下载是否完成？

Question

当用户单击下载按钮/链接时，页面上将显示加载屏幕。下载过程完成后，我在此按钮上使用onblur事件隐藏我的加载屏幕。它可以在任何浏览器上正常运行，但不能在谷歌浏览器上运行。

我可以在Chrome浏览器中使用任何事件监听器或其他简单方法吗？

关联：

<a href="/resources/foo" class="show-ls" onblur="hideLS()">Download</a>

show-ls函数仅显示加载屏幕：

$('.show-ls').click(function () {

  $('#loading-screen').show();

});

加载屏幕是正文中的div元素：

<div id="loading-screen" class="loading-screen" style=""></div>

.loading-screen {

  background: rgba(255, 255, 255, 0.6) url('/images/loadingscreen.gif') no-repeat fixed center center;

  width: 100%;

  height: 100%;

  position: fixed;

}

hideLS函数只是隐藏加载屏幕：

hideLS= function () {

  var loadingScreen = $('div.loading-screen');

  if (loadingScreen.length > 0)

    loadingScreen.hide();

};

下载过程可以，加载屏幕也可以。问题仅在于在Chrome中完成文件下载后隐藏加载屏幕。

Answer 1

blur事件只是一个脆弱的解决方法，可能无法在浏览器中运行。该blur事件意味着某件事正在失去焦点。可能是Firefox浏览器（及其他）确实确实模糊了您单击的链接，但其他任何东西也可能模糊了该链接（更改选项卡，单击加载屏幕等）。这可能是您不想要的。而且由于HTTP是一种无状态协议，因此在没有服务器帮助的情况下，我们无法知道客户端何时完成此操作。而且您不能依靠JS来检测到此错误，因为文件下载是在“其他选项卡”中进行的，而您无法访问该文件。我可以想象的唯一解决方案（看起来也是如此）：当下载开始时，启动一个JS间隔，该间隔定期（例如每500毫秒左右）检查服务器的下载状态。在服务器端，您必须在启动时向用户标识下载，并在询问时将状态返回给客户端。当然，这如何工作取决于您使用的服务器环境和编程语言。我知道，您可以使其在PHP中运行，但我不了解所有其他语言。顺便说一句：我将“加载屏幕”称为“加载指示器”，因为加载屏幕（或启动屏幕）是在软件加载之前（至少在我的计算机/大脑上）显示一次的图片。

Answer 2

如果您拥有Google帐户，则只需按Ctrl + J或转到chrome：// downloads /