Question

我必须下载pdf文件。当我单击下载按钮时，它会下载一个文件，但加载图标会一直显示在页面上。虽然页面没有在浏览器中重新加载或加载，但我还是不知道为什么加载图标会显示在页面中。

我认为header函数已触发beforeunload函数。因此，加载图标会一直显示，因为如果我删除了beforeunload函数，页面中就不会显示加载图标。所以我声明了问题可能使用beforeunload和header函数。如何解决？

ref.php

<?php
$_SESSION['pdf']="example.pdf";
?>
<div id="loading">loading.gif</div>
<button onclick="download_pdf();">download</button>
<script>
$(window).on('beforeunload', function(event) {
   $('#loading').show();

  });
$(window).on('load', function(event) {
    $('#loading').hide();
});
function download_pdf(){
window.location.href="download.php";
}
</script>

的download.php

<?php
session_start();
$pdf=$_SESSION['pdf'];
header("Content-disposition: attachment; filename=$pdf");
header("Content-type: application/pdf");
header('Content-Length: ' . filesize($pdf))
readfile($pdf);
header("Location:ref.php");
?>

我不明白当我点击按钮下载文件时，文件正在下载并

$(window).on('beforeunload', function(event) {
   $('#loading').show();    
   });`

此功能继续执行，导致完全显示加载图标。

标头触发前卸载功能

0 个答案: