如何使文件上传细节

Question

我正在我的网站上实现一个上传框，该文件已成功上传，但我想制作一个框或加载栏，显示上传的详细信息，例如上传了多少文件或转移的速度，我是有点困惑，我想知道这背后的逻辑是什么，任何帮助将不胜感激。

Answer 1

使用jQuery form plugin。在现代浏览器中，它支持progress事件：

$(...).ajaxForm({
    ...,
    uploadProgress: function(event, position, total, percentComplete) {
       ...
    }
});

虽然 方法是使用服务器端代码执行此操作，但它们通常需要Web服务器插件，因为它们需要对上载进度进行持续轮询，这是一种已在本地可用的信息，因此非常混乱。因此，只需为具有现代浏览器的人提供进度显示。

Answer 2

您可以使用Jquery uploadify plugin。它具有许多功能，如实时指示器，拖放等等。

请检查一下，希望这会对你有帮助。