如何在 JavaScript 中打印大型 PDF 文件之前顯示加載 GIF 圖像或“請稍候”消息

Question

我正在“在線醫療報告下載”網站上工作，我在頁面上有一個名為“下載”的按鈕，單擊時它將重定向到“report.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 函數和時間來偽造它，您需要在回調函數中提及它應該等於你的頁面加載時間。