Как подключить добавление нескольких файлов PHPMailer?

Question

alena1029 @alena1029

PHPMailer

Как подключить добавление нескольких файлов PHPMailer?

Помогите пожалуйста!
Создаю форму отправки на почту и никак не могу добавить условие чтобы можно было прикреплять несколько файлов разного типа. Получается добавить несколько файлов в интерфейсе, но на почту приходит только 1 файл.
Я также не понимаю, что надо добавить в саму папку phpmailer, вроде надо добавить autoload.php, но я не понимаю как его добавлять
Только пожалуйста не отправляйте в документацию PHPMailer, я пыталась там понять

<form method="post" action="#" id="form" class="form__body" enctype="multipart/form-data">
..............
<div class="form__item">
                    <div class="form__label">Прикрепить файл</div>
                    <div class="file">
                       
                        <input type="hidden" name="MAX_FILE_SIZE" value="100000">
                        <input class="file__input" id="formFile" name="file[]" type="file" multiple="multiple">
                        
                        <div id="formPreview" class="file__preview"></div>
                    </div>
                </div>

<?php

use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;

require 'phpmailer/src/Exception.php';
require 'phpmailer/src/PHPMailer.php';

require 'phpmailer/src/SMTP.php';


$message = '';
if (array_key_exists('file', $_FILES)) {
$mail = new PHPMailer(true);
$mail ->Charset = 'UTF-8';
$mail ->setLanguage('ru', 'phpmailer/language/');
$mail ->IsHTML(true);

// от кого письмо 
$mail->setFrom('info@fls.guru', '');
// кому идет письмо 
$mail->addAddress('cchgchh@yandex.ru');
// тема письмо 
$mail->Subject = 'Новая заявка Cybernext.one';



// тело письмо 
$body = '<h1>Заявка: </h1>';

if(!empty($_POST['name'])){
    $body .='<p><strong>Имя: </strong>'.$_POST['name'].'</p>';
}
if(!empty($_POST['surname'])){
    $body .='<p><strong>Фамилия: </strong>'.$_POST['surname'].'</p>';
}
if(!empty($_POST['email'])){
    $body .='<p><strong>E-mail: </strong>'.$_POST['email'].'</p>';
}
if(!empty($_POST['date'])){
    $body .='<p><strong>Дедлайн: </strong>'.$_POST['date'].'</p>';
}
if(!empty($_POST['options'])){
    $body .= '<p><strong>Кто вы?: </strong></p>';
    foreach($_POST['options'] as $option){
        $body .= '<p>'.$option.'</p>';
    }
}
if(!empty($_POST['message'])){
    $body .='<p><strong>Иное: </strong>'.$_POST['message'].'</p>';
} 

// Attach multiple files one by one
for ($ct = 0, $ctMax = count($_FILES['file']['tmp_name']); $ct < $ctMax; $ct++) {
    // Извлечение расширения из предоставленного  filename
    $ext = PHPMailer::mb_pathinfo($_FILES['file']['name'][$ct], PATHINFO_EXTENSION);
    // Определение безопасного местоположения для перемещения загруженного файла с сохранением расширения.
    $uploadfile = tempnam(sys_get_temp_dir(), hash('sha256', $_FILES['file']['name'][$ct])) . '.' . $ext;
    $filename = $_FILES['file']['name'][$ct];
    if (move_uploaded_file($_FILES['file']['tmp_name'][$ct], $uploadfile)) {
        if (!$mail->addAttachment($uploadfile, $filename)) {
            $msg .= 'Failed to attach file ' . $filename;
        }
    } else {
        $msg .= 'Failed to move file to ' . $uploadfile;
    }
}


$mail->Body = $body;


try {
    $mail->send();
    $message = 'данные отправлены';
} catch (Exception $e) {
    $message = 'ошибка: ' . $mail->ErrorInfo;
}

$response = ['message'=> $message];
header('Content-type: application/json');
echo json_encode($response);


}

?>

"use strict"

document.addEventListener('DOMContentLoaded', function () {
    const form = document.getElementById('form');
    form.addEventListener('submit', formSend);

    async function formSend(e) {
        e.preventDefault();

        let error = formValidate(form);


        let formData = new FormData(form);
        for (let i = 0; i < formFile.files.length; i++) {
            formData.append('files[]', formFile.files[i]);
        }


        if (error === 0) {
            form.classList.add('_sending');
            let response = await fetch('sendmail.php', {
                method: 'POST',
                body: formData
            });
            if (response.ok) {
                let result = await response.json();
                alert(result.message);
                formPreview.innerHTML = '';
                form.reset();
                form.classList.remove('_sending');
            } else {
                alert('Ошибка');
                form.classList.remove('_sending');
            }
        } else {
            alert("Заполните все поля");
        }
    }

    function formValidate(form) {
        let error = 0;
        let formReq = document.querySelectorAll('._req');

        for (let index = 0; index < formReq.length; index++) {
            const input = formReq[index];
            formRemoveError(input);

            if (input.classList.contains('_email')) {
                if (emailTest(input)) {
                    formAddError(input);
                    error++;
                }
            } else if (input.getAttribute("type") === "checkbox" && input.checked === false) {
                formAddError(input);
                error++;
            } else {
                if (input.value === '') {
                    formAddError(input);
                    error++;
                }
            }
        }
        return error++;
    }
    function formAddError(input) {
        input.parentElement.classList.add('_error');
        input.classList.add('_error')
    }
    function formRemoveError(input) {
        input.parentElement.classList.remove('_error');
        input.classList.remove('_error')
    }

    // email
    function emailTest(input) {
        return !/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{1,5}|[0-9]{1,3})(\]?)$/.test(input.value);
    }

    const formFile = document.getElementById('formFile');
    const formPreview = document.getElementById('formPreview');

    
    if (formFile && formPreview) {
        formFile.addEventListener('change', () => {
            uploadFiles(formFile.files);
        });
    } else {
        console.error('Элементы с id "formFile" или "formPreview" не найдены в DOM.');
    }

    function uploadFiles(files) {
        const formData = new FormData(form); // Создаем объект FormData здесь
        for (let i = 0; i < files.length; i++) {
            const file = files[i];
            var reader = new FileReader();
            reader.onload = function (e) {
                const fileInfo = document.createElement('div');
                fileInfo.classList.add('file__info');

                const fileName = document.createElement('p');
                fileName.textContent = `Файл ${file.name} загружен`;

                const deleteButton = document.createElement('button');
                deleteButton.textContent = 'Удалить';
                deleteButton.classList.add('file__delete');
                deleteButton.addEventListener('click', () => {
                    fileInfo.remove();
                    formData.delete('files[]', file);
                });

                fileInfo.appendChild(fileName);
                fileInfo.appendChild(deleteButton);

                formPreview.appendChild(fileInfo);
            };
            reader.onerror = function (e) {
                alert('ошибка при загрузке файла');
            };
            reader.readAsDataURL(file);
        }

    }
});