使用php ajax从不同的输入域获得多幅图像

<?php
// 检查是否有图像文件上传
if(isset($_FILES['image'])){
    $image = $_FILES['image'];
    
    // 检查文件类型和大小等
    
    // 生成唯一的文件名
    $filename = uniqid() . '.' . pathinfo($image['name'], PATHINFO_EXTENSION);
    
    // 保存图像文件到指定目录
    move_uploaded_file($image['tmp_name'], 'upload/' . $filename);
    
    // 返回处理结果给前端页面
    echo '图像上传成功！';
}
?>

// 监听提交按钮的点击事件
document.getElementById('submitBtn').addEventListener('click', function(e){
    e.preventDefault();
    
    // 获取每个输入域中选择的图像文件
    var images = document.querySelectorAll('input[type="file"]');
    
    // 创建FormData对象
    var formData = new FormData();
    
    // 将每个图像文件添加到FormData对象中
    for(var i = 0; i < images.length; i++){
        var image = images[i].files[0];
        formData.append('image', image);
    }
    
    // 发起Ajax请求
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 'upload.php', true);
    xhr.onload = function(){
        if(xhr.status === 200){
            // 处理上传结果
            console.log(xhr.responseText);
        }
    };
    xhr.send(formData);
});