HTML5文件上载进度 - 仅限客户端

Question

我注意到新的XMLHttpRequest对象支持firefox中的'onprogress'事件.是否可以利用部分新的HTML5文件API来获取上传进度条而无需进行任何服务器端修改？

Answer 1

我原则上相信是的，尽管我还没有尝试过。

\n\n

问题是采用XMLHttpRequest#send()Unicode 字符串并将其编码为 UTF-8。它无法让您发送纯二进制文件，并且大多数二进制文件（例如图像）不会恰好是有效的 UTF-8 序列。

\n\n

因此，您可能会使用 FileAPI 规范中所谓的 \xe2\x80\x9c 二进制字符串\xe2\x80\x9d （字节被视为 ISO-8859-1，因此每个字节charCodeAt对应一个字节），重新编码为 UTF-8。这最终会比普通文件上传大 50% 左右。是否值得以较慢的上传速度来获取进度报告？

\n\n

（上帝啊，如果浏览器有一个更好的 UI 来显示上传的进展情况，就不需要无休止的脚本/Flash/Java/ActiveX 废话了。来吧，浏览器供应商，这是一个不错的大信息弹出窗口，带有进度条真的要求太高了吗？）

\n