Javascript 下载开始时隐藏项目

我有一个链接，当点击时，下载一个文件，但当用户点击一个链接时，该文件就会生成。它搜索数据库，加载数据并将其写入excel文件

这可能需要30秒，所以我这样做是为了隐藏下载链接并显示加载动画

这是我的链接：

<a class="download-link" href="?page=pev&amp;action=downloadreport&amp;id=1234">
    <img src="/media/images/download.png" height="30" width="30" />
</a>

---

下载开始后，我如何反转效果，隐藏加载动画并再次显示页面？

听起来像是在使用ajax通知服务器生成文件，所以将此添加到成功回调中

$(".metro-loader").hide();
$('.page').show();

---

当用户单击链接时生成文件

。所以在某个地方有一些“服务器端操作”？不那么，您不能使用ajax和回调函数吗？是的，您将隐藏加载动画并再次显示页面。如果您询问如何知道下载何时完成，这取决于您如何实现它。文件不会保存在服务器上，而是写入缓冲区。

$(".metro-loader").hide();
$('.page').show();