javascript - 检测文件是否已提供给浏览器？..有点

Question

我有一个按钮，它将 window.location 设置为一个 php 文件，该文件生成一个提要，然后下载该提要。但是，由于文件的大小因放入提要的数据而异，有时从单击按钮到弹出文件对话框可能需要一段时间。

我希望能够做的是单击按钮并显示 loading.gif 直到对话框/文件完成。

任何想法都会很酷!

干杯

Answer 1

我不太确定您为什么需要检查文件的大小？如果您使用 ajax 动态地执行 get/post，并且您所做的只是在发生这种情况时尝试显示一个加载图标，那么抛出一个异步事件指示器就相当简单了。例如，使用 jquery:

$("#loading").ajaxStart(function(){
   $(this).show();
});

$("#loading").ajaxStop(function(){
   $(this).hide();
});

$("#feeds").load("feeds.php?id=89734258972347895");

上面的代码设置了一个id为“loading”的DOM对象，在任何异步请求发起和停止时显示和隐藏。 .load(url) 将url的内容加载到div #feeds中。如果您使用 php 设置 content-disposition: attachment header ，它会自动启动一个文件下载窗口，即使它已被异步加载到一个 div 中。当然，这在没有 jquery 的情况下也是可能的，只有一堆浏览器兼容性 javascript，它并不像简单地订阅 ajaxStart 和 ajaxStop 事件来显示和隐藏您的加载 img 那样容易。

乔希