如何在用戶嘗試下載文件時顯示進度條

Question

我有一個網站在用戶單擊按鈕時下載pdf。唯一的問題是生成該pdf服務器端需要大約15秒的時間，所以同時用戶想知道爲什麼這麼慢。我怎樣才能顯示一個進度條，當服務器假脫機pdf時顯示，然後在下載開始（或停止，無論）時離開。

** **編輯

我使用jQuery，到目前爲止，我所做的是點擊我添加了一個類和應用的背景圖像。背景圖片是一個動畫GIF並顯示出來。我希望在您點擊下載pdf後，它會將瀏覽器重定向到pdf，然後在開始下載後返回到頁面，然後刷新頁面並刪除背景圖像。在這一個:(

如下所述，我會嘗試uniqid方法。

想法？

Answer 1

您的服務器端代碼應該給每個PDF一個唯一的ID。當用戶點擊到沒有骰子下載一個PDF，AJAX檢索唯一的ID，然後AJAX可以訪問一個服務器端頁面（progress.php？pdf-id = 4），它將返回進度.jQuery UI有一個已經設置好的進度條，所以你不需要自己創建它

Answer 2

你可以添加一個微調器（向用戶顯示正在發生的事情），然後寫出它需要大約15秒來創建PDF。這對大多數用戶來說應該足夠了。