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

Question

我想用进度条显示文件上传进度。 我目前使用下面的代码

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

当我在上面的链接点击它工作正常。但现在我怎样才能显示文件上传进度？

请帮我一把。

Answer 1

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

Answer 2

您将需要使用能够评估文件已上传多少的功能 - 闪存解决方案是一种可能性，但perl也是有能力的。

uber uploader