如何在JavaScript中打印大型PDF文件之前显示加载GIF图像或"please wait"消息

Question

我正在开发一个"在线医疗报告下载"网站，页面上有一个名为"下载"的按钮，单击它将重定向到"报告.php"页面，正文末尾我正在使用window.print()JavaScript方法进行打印。

它对我来说工作正常，但是如果我必须下载一个大文件，那么打印预览需要时间来加载页面。

我想显示加载 GIF 图像或一些消息，如果有等待时间直到文件加载进行打印。 这样我的用户就可以进行交互。

我尝试了很多搜索，但没有找到任何具体的解决方案。

Answer 1

您可以尝试使用onafterprint和onbeforeprint事件来执行此操作

window.onbeforeprint = function(){
$('loader').show();
}
window.onafterprint = function() {
$('loader').hide();
}

编号 ： https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onafterprint

Answer 2

如果您要打印的页面依赖于 API 调用，那么您可以使用加载器来处理这种情况，如果没有，那么您可能必须使用 setTimeOut 函数伪造它，您需要在回调函数中提及的时间应该等于页面加载所需的时间。