如何在用户尝试下载文件时显示进度条

时间:2010-12-14 12:50:28

标签: jquery html progress-bar download

我有一个网站,当用户点击按钮时下载pdf。唯一的问题是,生产该pdf服务器端需要大约15秒,所以同时用户想知道它为什么这么慢。如何显示在服务器假脱机时显示的进度条,然后在下载开始(或停止,无论如何)时离开。

**编辑**

我正在使用jquery,到目前为止我所做的是点击我添加了一个类并应用了背景图像。背景图片是动画gif并显示出来。我希望你点击下载pdf后,它会将浏览器重定向到pdf,然后在开始下载后回到页面,刷新页面并删除背景图像。这个没有骰子:(

我将尝试如下所述的uniqid方法。

想法?

2 个答案:

答案 0 :(得分:2)

你可以添加一个微调器(向用户显示正在发生的事情),然后写一下创建PDF需要大约15秒。这对大多数用户来说应该足够了。

答案 1 :(得分:0)

您的服务器端代码应为每个PDF提供唯一的ID。当用户单击下载PDF时,AJAX将检索唯一ID。然后,AJAX可以访问服务器端页面(progress.php?pdf-id = 4),该页面将返回进度。 jQuery UI有一个已设置的进度条,因此您无需自己创建它。