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

时间:2010-06-30 18:28:19

标签: jquery html upload progress-bar

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

<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>

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

请帮帮我。

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

你将需要使用能够评估已经上传了多少文件的东西 - 闪存解决方案是可能的,但perl也是有能力的。

uber uploader