HTML5：带有进度条的 AJAX 文件上传答案

【问题标题】：HTML5: AJAX file upload with progress barHTML5：带有进度条的 AJAX 文件上传
【发布时间】：2011-11-06 02:38:13
【问题描述】：

我正在寻找一个带有 HTML5 进度条的文件上传器。我尝试使用其他地方的一些教程，包括 SO。 This SO answer（被接受的）似乎最接近我想要的，但我无法计算出 PHP 端，$_FILES 和 $_POST 数组似乎都是空的。

在人们开始说隐藏 iframe 等无法实现之前... HTML5 应该可以实现。

如果需要，可以使用 jQuery，但我的印象是 jQuery 目前不支持很多 HTML5 功能。

更新：

我现在只担心 Chrome。

【问题讨论】：

【解决方案1】：

我认为这可能对你有用http://aquantum-demo.appspot.com/file-upload

【讨论】：

【解决方案2】：

我认为我见过的处理文件上传的最佳项目来自 TinyMCE 的制造商，Moxiecode 和 Plupload。它可以与 HTML5 一起使用，但也可以使用 Browser Plus、Gears、Flash 或 Silverlight。它是 GPLv2 许可的。

您可以在此处查看他们的一些示例：http://www.plupload.com/example_queuewidget.php

【讨论】：

似乎不支持将文件从操作系统拖放到浏览器中，这是一个重要的 HTML5 组件...
他们说可以，但他们的演示无法正确处理
Chrome 本身是否有能力执行该操作？ HTML5 拖放在 Firefox 中对我来说效果很好，但 Chrome 会尝试打开文件，但它无法打开文件，因此将其添加到下载队列中。请参阅plupload.com/example_all_runtimes.php（向下滚动到 HTML5），然后我将 JPG 文件拖到上面。
Chrome 确实具有这些功能，但是该特定框架无法在 Chrome 中正确处理它。我经历了和你一样的结果。但是，Vladimir 在 Q 的 cmets 中建议的 jQuery 插件在 Chrome 中可以正常工作。
也许这张票暗示了同样的问题：github.com/moxiecode/plupload/issues/311 该演示没有定义drop_element，所以也许如果您要定义它，那么您将拥有一个有效的 Chrome + HTML5 文件上传工具.