Почему я не получаю вложения файлов от formsubmit.co?

На чтение 3 мин Опубликовано 02.10.2024

Вопрос или проблема

Я использую Webflow для создания формы и мне необходимо получать файлы, а также другую информацию. Я успешно получаю электронные сообщения, как и ожидал, и согласно моим записям, я отправляю файл правильно… но ни один файл не кажется прикрепленным к ответам, которые я получаю?

Моя форма доступна здесь

fetch("https://formsubmit.co/ajax/[email protected]", {
            method: "POST",
            body: formData,
            headers: {
                "Accept": "application/json"
            }
        }).then(function(response) {
            if (!response.ok) {
                throw Error(response.statusText);
            }
            return response.json(); // Парсинг JSON-ответа
        }).then(function(response) {
            console.log("Данные ответа FormSubmit:", response); // Логирование фактических данных ответа
            console.log("formData после отправки: ", [...formData]); // Логирование содержимого formData
            const success = document.querySelector(".w-form-done");
            const errorElement = document.querySelector(".w-form-fail");
            success.style.display = "block";
            errorElement.style.display = "none";
            form.style.display = "none";
        }).catch(function(fetchError) {
            console.error("Ошибка:", fetchError);
            const errorElement = document.querySelector(".w-form-fail");
            errorElement.style.display = "block";
        });
    });

[консоль отправки формы – файл, похоже, отправляется как ожидалось](https://i.sstatic.net/Fy7BMvQV.png)

Ответ или решение

Проблема, с которой вы столкнулись, может быть связана с несколькими факторами, и я постараюсь помочь вам разобраться в них.

Проверка структуры FormData: Убедитесь, что файл действительно добавляется в объект FormData, который вы передаете в fetch. Чтобы это сделать, вы можете добавить логи для проверки содержимого formData, как вы уже сделали. Проверьте, что файл существует в объекте и имеет правильное имя поля.
```
console.log([...formData]); // Проверка содержимого FormData
```
Проверка поля формы: Убедитесь, что ваше поле ввода для файла имеет корректный атрибут name. Это имя должно соответствовать тому, что вы ожидаете в полученном письме. Например, если вы используете <input type="file" name="file">, убедитесь, что вы обрабатываете его именно с таким именем.
Настройки FormSubmit: Проверьте настройки вашего аккаунта на FormSubmit. Если вы используете бесплатный тариф, некоторые ограничения могут касаться отправки файлов. В таком случае стоит ознакомиться с документацией или условиями тарифного плана, чтобы убедиться, что ваша конфигурация поддерживается.
Проверка почтового ящика: Убедитесь, что ваш почтовый ящик не блокирует вложения. Иногда почтовые сервисы отфильтровывают определённые типы вложений как спам или нежелательную почту. Попробуйте проверить папку "Спам" или "Нежелательная почта".
Отладка отправки файлов: Если вы не получаете файл, попробуйте временно упростить форму, оставив только поле для файла. Это поможет определить, не мешают ли другие поля отправке вложения. Таким образом, вы сможете точно понять, отправляется ли файл корректно.
Проверка кода на ошибки: Код выглядит правильно для базовой отправки формы. Убедитесь, что все части кода совместимы и правильно настроены, включая обработку ответов.

Если после всех проверок проблема все еще сохраняется, вы можете попробовать обратиться в службу поддержки FormSubmit. Возможно, они предоставят дополнительную информацию или помогут выявить проблему на своем сервере.

Надеюсь, эти шаги помогут вам решить проблему и вы начнете получать вложения от вашего вебформы. Если возникнут дополнительные вопросы, не стесняйтесь спрашивать!