基本 Javascript + PHP Ajax 文件上传答案

【问题标题】：Basic Javascript + PHP Ajax File Upload基本 Javascript + PHP Ajax 文件上传
【发布时间】：2012-09-15 04:09:03
【问题描述】：

尽管 StackOverflow.com 上有很多关于 AJAX 文件上传的文章，但我没有找到一个完整的纯 JavaScript AJAX 上传器。

其中很多涉及到 JQuery，还有一个是基于 asp.net，还有一个说是纯 JavaScript 基于 AJAX 文件上传因为安全问题是不可能的。

我也搜索了互联网，但似乎很难找到一个完整且干净的 JavaScript AJAX 示例，在服务器端使用 PHP 脚本。

请问，能否为我提供尽可能简单但功能强大且干净的 JavaScript AJAX 文件上传？我不希望包含拖放功能，但可以使用这些技术：

也许，您甚至可以在 StackOverflow.com 上找到正确的示例。如果是，那么我也为没有找到它而道歉。但是，我确实做了功课并进行了搜索。谢谢。

Alexander 刚刚指出这个问题不好，因为它要求提供代码示例。好吧，由于解释错误，我希望最后一个想法是关闭这个问题。

如果您愿意，请向我提供有关此主题的教程，或告诉我有关包含答案的书籍。我正在编写我的应用程序，我还没有用任何库污染它，也没有 JQuery。只要可能，我想保留它。

答案是你的，你可以用你认为合适的方式来制定它。您可以避免提供代码，如果您认为这样做是错误的。

【问题讨论】：

我要指出，如果有人可以向您展示演示，您可以查看 javascript 的源代码并获取/修改它。
谁能告诉我这算不算真正的问答，而不是代码请求？
@Alexander：嗨，我可以告诉你：我问过我遇到的问题并解释了为什么这对我来说是个问题。归根结底，答案在您手中。您不需要向我提供代码，如果您不希望这样做，您可以向我指出一个可以回答要点的位置，或者告诉我一本书，其中包含我要查找的信息。归根结底，答案是你的，我只是想学习如何去做。
我还没有用任何库污染它，JQuery 也没有。哈哈，我也是这么想的，但是在stackoverflow中很多人都喜欢jQuery。
@Oriol：是的，我在想，也许，我应该更小心地说。但它不是那么消极，但它是非常具有描述性的。除非我有真正的理由，否则我认为我应该更喜欢使用纯 JavaScript，而不是使用 JQuery，因为一些非常好的教程也使用它。

【解决方案1】：

您可以采取两种方法。

【讨论】：

最好只使用 iFrame。在使用 FileAPI 上传文件的方式上，浏览器之间几乎没有一致性。
@Quentin：+1，感谢您提供的示例。他们帮了很多忙。
@JeffreySweeney：嗨，杰弗里。我发现使用 iFrame 的一个限制。我无法获得进度条。因此，我有另一个策略：为支持它的浏览器使用 FileAPI：Chrome、Opera、Firefox。对于其余的，我将使用基于 Flash 的上传器，它可以为我提供上传进度信息。您觉得这是否是可以接受的解决方案？
@Bunkai.Satori 每个浏览器对 FileAPI 的实现都略有不同。他们确实支持它（或至少部分支持），但他们支持的方式并不相同。