如何在网上实现文件上传进度条?

问题描述:

我想在用户上传文件到我的web应用程序时显示更有意义的动画gif。我有什么可能性?如何在网上实现文件上传进度条?

编辑:我使用.Net,但我不介意有人向我展示平台不可知的版本。

这里有几个你要寻找的一些常用JavaScript工具包的版本。

在不使用Ajax的情况下这样做的一个很好的例子是at CodeProject by Nilesh Thakkar

+1

这是一个虚拟的进度条。不显示%上传。不妨使用“上传...”消息作为覆盖。 – krishna 2010-02-18 07:22:33

+0

有没有额外的链接?发布的帖子不再可用 – 2015-05-19 18:20:31

做进度条有一些很好的.NET特有的帮助,可以在恐龙埃斯波西托的MSDN杂志的文章中发现,从去年七月和八月:

Context-Sensitive Feedback with AJAX (July '07)
Canceling Server Tasks with ASP.NET AJAX (August '07)

如果你有兴趣这一切通常是如何工作的客户网站,这是它:

所有的解决方案,通过javascript挂钩的形式和形式的目标更改为新创建的,不可见的IFRAME。然后他们可以自由地使用AJAX从服务器请求一些关于该文件的状态。

IFRAME技巧是必需的,因为在上载的窗口中运行的所有脚本都会挂起,直到请求完成,此时文件已完全上传。

+0

IFRAME真的有必要吗?有人能证实这一点吗?我很困惑。 – 2008-09-08 14:52:25

我已经尝试过各种技术,并已与SWFUpload最成功。

您使用Javascript创建SWFUpload对象并与其交互,但使用(隐藏)Flash文件进行文件选择,上传和上传进度监控。您可以指定Flash在上传过程中调用的各种Javascript事件处理程序(uploadStarted,uploadProgress,uploadError等),使其非常灵活。它还实现了一个文件队列,因此它适用于单个或多个文件。

链接: