仅使用javascript上传进度

Question

是否可以仅使用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>

我希望将内容显示为上传进度，速度，总大小。

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

类似问题（无从头开始）：

• Uploading a file
• How to implement file upload progress bar on web?
• Upload progress using pure PHP/AJAX?

Answer 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-的内容。滴/

Answer 2

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

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

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

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

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