如何在不刷新页面的情况下上传图片

Question

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

我环顾了网络，是的，有不少例子。虽然，其中大部分不是我所追求的。其中一些仍然刷新页面。一些预览图像，并有一个花哨的上传。我不是在这样的事情之后。

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

我发现最好的方法是通过AJAX，PHP和iFrame。虽然网上的大多数例子根本没有工作，或者很复杂。

这是一个分配。但我的老师已经说过，只要我们引用它，我们就可以使用我们在网上找到的任何上传脚本。我只限于Javascript（没有librarys，如jquery，只是普通的javascript），PHP，HTML和AJAX。

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

谢谢！

Answer 1

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