通过AJAX功能上传图片非常容易,并且易于在页面中实现,在这个例子中,使用AJAX进行PHP图片上传,无需重新加载页面。
使用jQuery AJAX来实现图片上传。有一个带有文件输入栏,和一个提交按钮的表单。在这段代码中,使用所选图像文件提交表单时,AJAX脚本将被执行,向PHP发送上传请求。PHP代码将上传的图像移动到目标文件夹,并返回图像HTML,将AJAX响应预览显示HTML页面。
以下代码显示图像上载表单的HTML。在提交此表单时,将调用AJAX函数将请求发送到PHP图像上传代码。
此代码显示用于通过发布FormData实例发送文件上传请求的ajax()函数。在PHP中,它将文件上传到指定的路径。成功上传图片后,它会将上传的图片为AJAX作为回应,然后这将被添加到目标DIV以显示使用者的预览。
通过AJAX上传图片后,我们会在目标div中显示上传图片的预览,如下所示。
