Форма с загрузкой файлов на сайте: как сделать с ИИ

Чтобы сделать с ИИ онлайн-форму с загрузкой файлов, перечислите поля, нужные документы, допустимые типы файлов и тех, кто проверяет заявки. Конструктор создаст форму, проверит ввод, сохранит файлы закрыто за ссылками с ограниченным сроком действия, запишет каждую заявку в базу данных и даст проверяющим список в разделе администратора. Уведомления на почту заработают после подключения вашего SMTP-аккаунта.

• Ваш список полей, документов, типов файлов и проверяющих и есть техническое задание. Напишите его до промпта.
• Загруженные файлы по умолчанию закрыты и открываются только по короткоживущим ссылкам для проверяющих, вошедших в аккаунт.
• Каждый файл может весить до 25 МБ, а загрузки учитываются в хранилище и трафике вашего тарифа.
• Проверяющие работают в закрытом списке со статусами и заметками и фильтруют его по статусу, вакансии или дате.
• Уведомления и автоответы отправляются через ваш собственный SMTP-аккаунт; заявки сохраняются в любом случае.
• Собирайте только то, что нужно, сообщите, сколько храните данные, и сделайте кнопку удаления до прихода первого кандидата.

Когда своя форма лучше универсального конструктора форм

Универсальные конструкторы форм отлично подходят для опросов, регистраций и простых форм обратной связи. Неудобными они становятся, когда в процессе есть документы и решения: рекрутер сортирует резюме по этапам, агентство собирает файлы бренда перед стартовым созвоном, ремонтная бригада сравнивает фото двадцати ванных комнат. Тогда форма — это входная дверь в процесс проверки.

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

Продумайте поля, проверки и допустимые типы файлов

Напишите техническое задание на одну страницу. Оно сэкономит вам несколько пересборок.

• Поля: название, тип (email, телефон, дата, число, выбор, длинный текст), обязательное или нет и условие показа, например поле «Ссылка на портфолио» только для дизайнерских вакансий.
• Проверки: мгновенно в браузере для удобства и ещё раз на сервере, где они действительно имеют значение. Укажите ограничения вроде «описание до 1000 символов».
• Документы: какие именно, какие обязательны и сколько файлов допускается в одном поле.
• Допустимые типы: белый список, например PDF и DOCX для документов, JPG, PNG и HEIC для фото. Фото HEIC с iPhone открываются не в каждом браузере, поэтому проверяющим, возможно, придётся их скачивать.
• Размер: 25 МБ на файл — максимум платформы. Если ваши файлы меньше, поставьте лимит ниже: 10 МБ хватает почти для любого резюме.
• Проверяющие и статусы: кто проверяет, через какие статусы проходит заявка и кто может удалять.
• Срок хранения: сколько вы храните заявки и файлы.

Шпаргалка OWASP File Upload Cheat Sheet, стандартный справочник по безопасности, рекомендует именно это: белый список расширений, недоверие к типу файла, который сообщает браузер, переименование файлов и ограничение размера. Включите эти правила в промпт.

Просите только те документы, которыми действительно воспользуетесь. Резюме и сопроводительное письмо — да; скан паспорта на первом этапе — почти никогда. Каждый лишний документ нужно защищать, хранить и в итоге удалять.

Соберите форму: шаги и три шаблона промптов

1. Допишите техническое задание и откройте новый чат WisyLink в веб-версии или в приложении для iOS или Android.
2. Вставьте самый подходящий шаблон ниже, подставив свои поля, правила для файлов и статусы.
3. Когда сборка завершится, прочитайте заключительную заметку: в ней сказано, как попасть в раздел администратора и что почта ждёт ваших данных SMTP в разделе «Интеграции». Никогда не вставляйте пароли или ключи в чат.
4. Проверьте форму на настоящих файлах (самый большой из разрешённых, неверный тип, фото с телефона, дубликат), а затем побудьте проверяющим: откройте файл, смените статус, добавьте заметку, удалите тестовую заявку.
5. Вносите правки в том же чате. Каждое изменение — новая сборка, а неудачная сборка никогда не заменяет живую форму.
6. Переведите форму на платный тариф до того, как начнут приходить настоящие заявки. Бесплатные ссылки живут 30 дней плюс неделю с пометкой на удаление, и заявки с файлами удаляются вместе с ними.

Форма отклика на вакансию

Сделайте сайт вакансий для стоматологической клиники «Белая линия» с тремя открытыми вакансиями, которые хранятся как сохранённые данные, у каждой своя страница с формой отклика: ФИО, email, телефон, вакансия (выбрана заранее), опыт работы в годах, разрешение на работу в России (да/нет), резюме (обязательно, PDF или DOCX) и сопроводительное письмо (по желанию, PDF или DOCX), до 10 МБ на файл, хранение закрытое. Покажите страницу подтверждения с номером заявки. Администрирование: закрытый список, новые сверху, с фильтрами по вакансии и статусу (Новая, На рассмотрении, Собеседование, Оффер, Отказ), внутренними заметками и кнопками для открытия каждого файла. Через мой SMTP-аккаунт присылайте мне каждый отклик и отправляйте кандидату подтверждение получения. Добавьте ссылку на политику обработки персональных данных с указанием, что мы храним отклики 6 месяцев, и кнопку администратора, которая удаляет отклик вместе с файлами.

Анкета нового клиента

Сделайте анкету нового клиента из трёх шагов для брендингового агентства «Северный ветер». Шаг 1: компания, сайт, контактное лицо, email. Шаг 2: тип проекта (логотип, бренд целиком, сайт), бюджет (диапазон), дедлайн. Шаг 3: существующие файлы логотипа и брендбук, до 5 файлов PDF, PNG, JPG или ZIP по 25 МБ, хранение закрытое. Дайте клиентам сохранять прогресс и возвращаться по личной ссылке. Администрирование: список анкет со статусами (Новая, Созвон назначен, КП отправлено, Выиграли, Проиграли), заметками и назначенным сотрудником. Присылайте мне на почту каждую заполненную анкету.

Заявка на расчёт стоимости

Сделайте страницу заявки на расчёт для ремонтной бригады «Дом и мастер»: имя, телефон, email, район, тип работ (кухня, ванная, пристройка, другое), описание до 1000 символов, удобное время для связи и до 6 фото (JPG, PNG или HEIC, по 25 МБ, закрыто). На странице благодарности расскажите, что будет дальше. Администрирование: заявки с фильтрами по типу работ и статусу (Новая, Выезд назначен, Смета отправлена, Взяли в работу, Отказ), с заметками и галереей фото у каждой заявки. Добавьте скрытое поле-ловушку и ограничьте число заявок с одного email. Присылайте мне каждую заявку через мой SMTP-аккаунт.

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

Загрузка файлов: закрытые и публичные, ограничения размера

Закрыты ли загруженные файлы? Да, по умолчанию. Браузер посетителя отправляет каждый файл прямо в хранилище сайта по одноразовой подписанной ссылке для загрузки, а сайт привязывает его к заявке. Закрытый файл можно открыть только по ссылке, которую сайт создаёт по запросу, проверив, что просит проверяющий, вошедший в аккаунт. Каждая такая ссылка истекает за несколько минут, поэтому пересланная ссылка почти сразу перестаёт работать.

Публичные файлы — для того, что должны видеть все, например изображений галереи; их может открыть любой, у кого есть URL, а публичные загрузки отклоняют HTML, SVG и скрипты, чтобы файл не мог выполнить код на вашем сайте. Документы из откликов и анкет держите закрытыми.

Какого размера могут быть загружаемые файлы? До 25 МБ каждый. Ещё несколько ограничений, которые стоит учесть:

• Загрузки учитываются в хранилище файлов и трафике тарифа. Каждый раз, когда проверяющий открывает закрытый файл, это скачивание тоже учитывается в трафике.
• Платформа ограничивает число файлов, которые один IP-адрес может загрузить за минуту, и это гасит автоматические атаки.
• Когда лимит исчерпан, форма сообщает, что сейчас не может принять файлы, а не ломается молча; панель «Ресурсы» показывает, насколько заполнен каждый лимит.
• Для видеопортфолио или больших чертежей попросите поле со ссылкой на файлообменник вместо загрузки.

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

Проверка заявок: список, статусы, заметки

В разделе администратора попросите:

• Список с фильтрами по статусу, вакансии или типу работ и дате. Фильтры работают по точным значениям, так что человека можно найти по точному email. Полнотекстового поиска по большим наборам заявок нет; списки примерно до 100 заявок можно мгновенно искать в браузере.
• Фиксированный список статусов, который совпадает с вашим реальным процессом, и отметку даты при каждой смене статуса.
• Заметки с автором и временем, видимые только проверяющим.
• Роли: проверяющие, которые читают, комментируют и меняют статусы, и администратор, который может ещё и удалять.
• Выгрузку в CSV с полями формы для таблиц. Файлы остаются в хранилище; в выгрузке — имена файлов, потому что ссылки на закрытые файлы истекают за несколько минут.

Если проверка разрастается до бэк-офиса с согласованиями и расписанием, смотрите, как сделать внутренние инструменты с ИИ.

Уведомления и автоответы

Можно ли получать письмо о каждой заявке? Да, через ваш собственный SMTP-аккаунт, который один раз добавляется в разделе «Интеграции». Пока его нет, письма не уходят, но каждая заявка всё равно сохраняется.

• Уведомление владельцу: короткая сводка со ссылкой на заявку в разделе администратора. Не прикладывайте загруженные файлы: почта — неподходящее место для закрытых документов.
• Автоответ отправителю: подтверждение, номер заявки, что будет дальше и когда, и как отозвать заявку.
• Письма о статусе: шаблоны вроде «приглашение на собеседование», которые отправляются кнопкой, а не автоматически, чтобы случайный клик не разослал письма пятидесяти людям.
• Ежедневная сводка вместо уведомления о каждой заявке: фоновая задача проверяет время раз в 30–60 минут и отправляет письмо раз в день. Настройки часового пояса нет, поэтому указывайте час по UTC (Москва — UTC+3).

Отправляйте с адреса на своём домене и настройте записи SPF и DKIM, которые даёт почтовый сервис, чтобы письма не попадали в спам.

Защита от спама и ограничения частоты

Боты присылают мусор, а мусорные загрузки съедают хранилище. Стройте защиту слоями:

1. Ограничения платформы. Трафик ограничивается по IP-адресу ещё до того, как дойдёт до сайта, и загрузки файлов тоже. Это останавливает потоки запросов, но не терпеливого спамера.
2. Поле-ловушка: скрыто от людей, заполняется ботами и отклоняется на сервере.
3. Лимит на один email, например 10 заявок в час с одного адреса, до которого не дойдёт ни один настоящий кандидат.
4. Проверки на сервере типа и размера файла до того, как загрузка будет принята.
5. Пометка дубликатов: тот же email на ту же вакансию в течение суток помечается, а не отклоняется.
6. Капча, если спам не прекращается. Подключить можно любой сервис с API, например Yandex SmartCaptcha, с ключами в разделе «Интеграции».

Персональные данные: согласие, сроки хранения, удаление

Это общие рекомендации, а не юридическая консультация. В России резюме, телефоны и фото — это персональные данные по 152-ФЗ: нужна политика обработки персональных данных, понятное основание для обработки и учёт требования хранить данные россиян на территории России; WisyLink не заявляет о хранении данных в России, поэтому схему обсудите с юристом. Сводка Еврокомиссии о принципах GDPR — хороший чек-лист и за пределами ЕС: собирайте только данные, нужные для цели, храните их не дольше необходимого, защищайте и сообщайте людям, что вы с ними делаете.

• Правовое основание. Согласие — не единственное основание, и для откликов на вакансии часто не лучшее. Еврокомиссия отмечает, что согласие не может считаться добровольным при явном неравенстве сторон, как между работодателем и работником. Определите основание вместе с тем, кто отвечает у вас за защиту персональных данных.
• Политика конфиденциальности. Поставьте ссылку рядом с кнопкой отправки: кто вы, зачем собираете данные, сколько храните, кто их видит и как запросить удаление. Для всего дополнительного, например хранения резюме для будущих вакансий, попросите отдельные галочки.
• Срок хранения. Выберите срок, например шесть месяцев после закрытия вакансии, и попросите автоматическое удаление. Фоновая задача запускается раз в 30–60 минут и небольшими порциями удаляет просроченные заявки вместе с файлами.
• Удаление по запросу. Кнопка администратора, которая удаляет заявку и её файлы вместе. В разъяснениях Еврокомиссии о запросах граждан сказано отвечать без неоправданной задержки и в принципе в течение месяца; по 152-ФЗ срок ответа на запрос — 10 рабочих дней.
• Доступ. Файлы открывают только проверяющие и только по короткоживущим ссылкам, а страницы проверяющих никогда не отдаются из общего кэша.
• Особые категории. Для данных о здоровье и подобных категорий действуют дополнительные правила. Не собирайте их через обычную форму.

Политика конфиденциальности WisyLink просит владельцев не публиковать частную или регулируемую информацию без собственного контроля доступа и проверки на соответствие требованиям и не указывает место хостинга. Если вашей организации нужно хранить данные в определённом регионе или подписать соглашение об обработке данных, уточните это у WisyLink до того, как собирать документы. Затем проверьте весь процесс, включая удаление, до запуска: проверка того, что построил ИИ, — ваша ответственность.

Механика согласия та же и для маркетинговых подписок; руководство по квизу для сбора лидов показывает, как хранить подтверждение согласия.

Создайте форму с загрузкой файлов в WisyLink

Напишите техническое задание, выберите ближайший шаблон и опишите форму одним сообщением. WisyLink соберёт форму, закрытое хранилище файлов, список для проверяющих и почтовые уведомления как одно приложение с хостингом, и каждый сайт изолирован от всех остальных. Подробности об изоляции и надёжности — на странице о том, как устроен WisyLink.

Начните бесплатно на тарифе Community, без привязки карты, и проверьте форму на своих файлах. Перейдите на платный тариф до того, как придут настоящие заявки, чтобы форма, её данные и файлы оставались в сети.