jquery进度条显示上传文件进度答案

【问题标题】：jquery progress bar to show upload file progressjquery进度条显示上传文件进度
【发布时间】：2011-03-10 07:07:07
【问题描述】：

我想使用进度条来显示文件上传进度。我目前正在使用以下代码

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.progressbar.min.js"></script>

$(document).ready(function() {
$("#spaceused1").progressBar();
});

HTML：

<span class="progressBar" id="spaceused1">25%</span>

<a href="#" onclick="$('#spaceused1').progressBar(20);">20</a>
<a href="#" onclick="$('#spaceused1').progressBar(40);">40</a>
<a href="#" onclick="$('#spaceused1').progressBar(80);">80</a>

当我点击上面的链接时它工作正常。但是现在我如何使用来显示文件上传进度呢？

请帮帮我。

【问题讨论】：

标签： jquery html upload progress-bar

【解决方案1】：

您需要使用某种 Flash 上传器，因为这是从 JavaScript 获取进度通知的唯一方法。有一个很好的库，叫做 SWFUpload，有一个 jQuery 包装器 here。

【讨论】：

【解决方案2】：

您将需要使用能够评估已经上传了多少文件的功能 - flash 解决方案是可能的，但 perl 也可以。

uber uploader

【讨论】：

好的，这意味着我必须为此使用超级上传器。现在告诉我，如果我将大数据发布到其他页面，我应该使用什么来显示发布数据的进度。换句话说，我正在运行一个 php 脚本，当数据发布到该脚本时，该脚本会在 for 循环中生成输出。这个过程大约需要 2 分钟。现在告诉我应该使用哪个进度条？
使用 uber 上传器，您实际上将数据发布到 perl 脚本 - 然后它使用 ajax 调用来获取上传的数量。然后，您可以将 perl 脚本设置为在成功时重定向。