仅使用 javascript 上传进度答案

【问题标题】：Upload progress using javascript only仅使用 javascript 上传进度
【发布时间】：2010-07-14 11:43:03
【问题描述】：

是否可以仅使用 javascript 进行上传？（也许有一些 ajax 到服务器端代码）

有这样的形式

<form method="post" action="upload.html" enctype="multipart/form-data">
<p>Select file to upload: <input type="file" name="selected_file"></p>
<p><input type="submit" value="Upload the file"></p>
<div id="progress"></div>
</form>

我想显示上传进度、速度、总大小等内容。

我不想要它的工具，我想了解它是如何在没有 Flash 的情况下完成的，并且从头开始。

类似的问题（没有从头开始）：

【问题讨论】：

Upload progress using pure PHP/AJAX?的可能重复
只需简要介绍一下它是如何完成的以及我可以在哪里搜索资源就足够了。我只是好奇。

标签： javascript file-upload progress-bar

【解决方案1】：

HTML5 是您的朋友。特别是，您应该阅读 HTML5 的文件 API 规范 (w3.org/TR/FileAPI/)。简而言之，它是在 FileReader 接口的帮助下完成的。谷歌搜索可能会建议在 matlus.com/2010/09/html5-file-upload-with-progress/ 上阅读此类内容。此外，API atm 也有一些限制，您可能想从 hacks.mozilla.org/2010/06/html5-adoption-stories-box-net-and-html5-drag-and- 中了解这些限制放下/。

【讨论】：

【解决方案2】：

我现在明白你所说的“从头开始”是什么意思了。我知道没有办法做到这一点，不需要一些服务器端摆弄。

如果您可以访问 PHP 5.2 并且可以安装其他模块，我认为这是您将获得的最接近的逐步过程：

What's new in PHP V5.2, Part 5: Tracking file upload progress

它需要 APC，但正如我所说，据我所知，没有“纯”PHP / Ajax 解决方案。

This question 包含许多其他有趣的资源。

【讨论】：