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


How to upload an image without page refresh

我的问题很简单,我试图上传图像而不刷新页面。

我在网上看了一下,是的,有相当多的例子。虽然,他们中的大多数都不是我想要的。他们中的一些人仍然刷新页面。一些预览图像,并有一个花哨的上传器。我不追求这种东西。

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

我发现最好的方法是通过AJAX, PHP和通过iFrame。然而,网上的大多数例子要么根本不起作用,要么太复杂了。

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

我仅限于Javascript(没有库,如jquery,只是普通的Javascript), PHP, HTML和AJAX。

非常感谢所有的帮助,我对你提供的所有链接也开放,因为我可能错过了一些。

谢谢!

使用"new FormData()"并通过Ajax发送。这只适用于现代浏览器,如果你想支持IE,使用一个隐藏的iframe作为目标到你的表单,并使用javascript处理它。

相关文章: