我可以使用jQuery UI Progress Bar来指示下载文件的进度吗？

Question

我有一个网页，其中有几个可供下载的文件。这些文件的大小从1MB到40MB不等。为了帮助用户在文件下载过程中看到实际发生的事情，我想包含一个进度条，可以直观地显示下载进度。

jQuery UI Progress Bar可以用于此类任务吗？如果是这样，是否有一些我可以遵循的编码示例？ （是的，我已经查看过jQuery UI网站了。）

感谢。

Answer 1

简而言之，不，你不能这样做。

下载这些文件以供下载的页面与下载开始后的事务无关。由浏览器显示进度条并指示下载完成的时间。用户下载文件后，对话框将在浏览器和网络服务器之间进行 - 您的页面不再参与。

Answer 2

是的，如果您更改了代码：http://www.dave-bond.com/blog/2010/01/JQuery-ajax-progress-HMTL5/

浏览器支持：CanIuse

Answer 3

如果我没弄错的话，所有浏览器都内置了进度条。 所以你不需要制作一个。

Answer 4

嗯，问题有点相反： 您需要的是显示您正在将文件内容读入某些内容（很可能是标题内容）。当标题/字符串完成后，浏览器下载或多或少会接管。

这至少是我在PHP和文件下载方面的经验。

我有一个理论，你可以通过PHP找出已经读取了多少数据，以及与文件的总大小进行了多少比较，然后显示使用一些AJAX技术。 再说一次：这只是一个理论。它没有经过测试。但是我现在正面临同样的挑战。我的任务是首先从FTP服务器读取文件，然后将其推送到浏览器。