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

Question

我的问题很简单，我正在尝试上传图片而不刷新页面。

我浏览了网络，是的，有很多例子。虽然，他们中的大多数都不是我所追求的。其中一些仍然刷新页面。有些预览图像并有一个花哨的上传器。我不追求这种东西。

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

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

这是一个作业。但是我的老师说过，我们可以使用我们在网上找到的任何上传脚本，只要我们引用它。

我仅限于 Javascript（没有 jquery 之类的库，只有普通的 javascript）、PHP、HTML 和 AJAX。

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

谢谢！

Answer 1

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