javascript - 仅使用 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>

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

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

类似问题(不是从头开始):

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

Answer 1

HTML5 是您的 friend 。特别是，您应该阅读HTML5 的文件 API 规范 (w3.org/TR/FileAPI/)。简而言之，它是借助FileReader接口(interface)来完成的。谷歌搜索可能会建议您阅读 ma​​tlus.com/2010/09/html5-file-upload-with-progress/ 上的这篇文章。此外，API atm 有一些限制，您可能想从 hacks.mozilla.org/2010/06/html5-adoption-stories-box-net-and-html5-drag-and- 了解这些限制下降/。