PHP ajax 上传多张图片

PHP AJAX上传多张图片通常涉及到以下几个步骤：

1. HTML表单：创建一个包含文件输入类型的HTML表单，允许用户选择多个文件。设置`enctype="multipart/form-data"`属性，因为这是处理文件上传必需的。

<form id="uploadForm" enctype="multipart/form-data">
    <input type="file" name="images[]" multiple>
    <button type="submit">上传</button>
</form>

2. JavaScript (AJAX)：使用JavaScript库如jQuery或axios来处理表单提交，异步发送数据到服务器，避免页面刷新。

$(document).on('submit', '#uploadForm', function(event) {
    event.preventDefault(); // 阻止默认提交

    var formData = new FormData(this); // 获取表单数据

    $.ajax({
        url: 'upload.php', // 上传处理脚本的URL
        type: 'POST',
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
        success: function(response) {
            console.log(response);
        },
        error: function(jqXHR, textStatus, errorThrown) {
            console.error(errorThrown);
        }
    });
});

3. PHP处理脚本（upload.php）：接收前端传来的文件数据，然后进行存储、验证等操作。可以使用`move_uploaded_file()`函数将文件移动到服务器的特定目录，并返回成功或失败的信息。

<?php
if ($_FILES['images']['error'] === UPLOAD_ERR_OK) {
    foreach ($_FILES['images']['tmp_name'] as $key => $tmp_name) {
        $target_dir = "uploads/";
        $target_file = $target_dir . basename($_FILES["images"][$key]["name"]);
        move_uploaded_file($tmp_name, $target_file);

        // 返回文件ID或其他相关信息
        echo json_encode(array("filename" => $_FILES["images"][$key]["name"], "status" => "success"));
    }
} else {
    echo json_encode(array("status" => "error", "message" => $_FILES['images']['error']));
}
?>