导出/下载带有客户端状态的动态文件

Question

我有一个具有导出功能的 angularjs 应用程序。导出在服务器端动态生成文件。该文件的生成可能需要几秒钟到几分钟。我希望能够为用户提供某种服务器正在生成文件的状态。即使它只是页面上的一个微调器，让用户知道发生了什么事。

我的问题是这个。我没有将“GET”请求作为 Angular 的资源。我只是设置：

window.location.href

指向服务器上将开始文件生成并将其发送回客户端的 url。

这意味着如果文件需要 1 分钟来生成浏览器的下载对话框，直到该分钟过去并且文件准备好下载时才会弹出。

有没有办法对文件下载发出 GET 请求，然后在 get 请求成功时得到回调？

Answer 1

您可以在隐藏的 iframe 中开始下载文件并显示加载器，并在 iframe 加载时使用 onload 事件处理程序隐藏加载器。

下面的示例代码只是为了给你一个想法 -

hiddenIframe.src = url;
loader.show();

hiddenIframe.onload = function() {
   loader.hide();
};