Javascript 使用Ajax将图像从输入表单发送到PHP脚本

我有一个非常简单的HTML页面，带有图像上传表单，如下所示：

<input type='file' id='image_uploaded' accept='image'/>
<input type='submit' id="upload_image"/>

upload.php

目前只是创建一个目录来存储图像，如果该目录不存在：

<?php
    define("IMAGE_DIRECTORY", "images");

    //If the directory for images does not exist, create it
    if(!is_dir(IMAGE_DIRECTORY)) {
        mkdir(IMAGE_DIRECTORY, 0777, true);
    }
?>

---

因此，我不确定如何在Ajax调用中将图像发送到PHP脚本，然后如何在PHP中处理图像以将其保存到文件夹？

PHP中有内置变量可以帮助您处理，例如$\u文件，所以只需这样做：
首先，将ajax类型更改为

“POST”

，而不是

“GET”

然后添加以下代码行以存储图像：

if(!move_uploaded_file($_FILES["file"]["tmp_name"], "path/to/file/".basename($_FILES["file"]["name"]))){
    die("Sorry, there was an error uploading your file.");
}

---

这是两个问题。。。我建议您研究如何在服务器端处理图像。我相信你会在网上找到很多例子。谢谢，但是我首先要如何把图片放到PHP文件中呢？

if(!move_uploaded_file($_FILES["file"]["tmp_name"], "path/to/file/".basename($_FILES["file"]["name"]))){
    die("Sorry, there was an error uploading your file.");
}