如何在没有页面刷新的情况下上传图像

Question

我的问题很简单，我试图在没有页面刷新的情况下上传图像。

我环顾网络，是的，有很多例子。虽然，他们中的大多数都不是我追求的。其中一些仍然刷新页面。有些人会预览图片并拥有一个花哨的上传者。我不是在追求这种事情。

我有一个带有文件浏览的HTML表单。一旦用户选择了他们的图像，并按下了提交按钮，图像就会保存到我服务器的“上传/”部分。

我发现最好的方法是通过AJAX，PHP和iFrame。虽然，大多数在线示例要么根本不工作，要么复杂得多。

这是作业。但是我的老师声明我们可以使用我们在网上找到的任何上传脚本，只要我们参考它。

我仅限于Javascript（没有jquery等图书馆，只是简单的javascript），PHP，HTML和AJAX。

非常感谢所有帮助，我对您提供的所有链接持开放态度，因为我可能错过了一些。

谢谢！

Answer 1

使用“new FormData（）”并通过Ajax发送。这仅适用于现代浏览器，如果您想支持IE，请使用隐藏的iframe作为表单的目标并使用javascript处理它。