javascript - Internet Explorer 的回退 AJAX 文件上传

Question

我已经为一个内部项目使用 xHR2 和 File api 在 HTML5 中实现了一个 AJAX 文件 uploader 。我们只需要支持 Firefox/Safari/Chrome。我使用以下链接作为引用

1. > http://www.html5rocks.com/en/tutorials/file/xhr2/
2. > http://www.html5rocks.com/en/tutorials/dnd/basics/
3. > https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications

现在我需要支持 Internet Explorer 10 及以下版本。 IE 10 支持 XHR2 但文件 API 支持是 lacking .有没有办法检测不支持这些 API？如果我检测到不支持这些 API，那么我该如何为 IE 实现 AJAX 文件上传？

我使用的是 Google Closure JS 库，而不是 jQuery 或任何其他库。图书馆的选择不能改变。请在响应中使用 jQuery 或某些具有这种效果的工具。但是，任何使用 jQuery 的代码片段都完全没问题。

Answer 1

检测 File API 是否存在的最简单方法可能是

typeof 文件

在支持文件 API 的浏览器中，它应该返回一个对象或函数 - Internet Explorer 返回 undefined

至于如何回退并使其适用于所有用户

我用过这个工具https://github.com/valums/ajax-upload创建一个 iframe 并将上传发布到 iframe 并模拟 AJAX 文件上传 - 它是纯 javascript 不需要库并且支持一直回到 IE6