Создание HR-приложения на Laravel 13 + React | Эп. 6: Аватары, загрузка файлов и профили

Эпизод, о котором все спрашивают: загрузка файлов, реализованная правильно. Адаптивная карточка-сетка с резервным аватаром в виде инициалов, настоящая загрузка фотографий с индикатором выполнения в реальном времени (forceFormData), трюк с подменой метода, позволяющий PATCH-запросу передавать файл (браузеры не могут этого сделать изначально — вот решение в две строки), зависимые выпадающие списки, фильтрующие должности по отделам, и многофункциональная страница профиля, полностью построенная на основе вложенных серверных данных. В этом эпизоде: ✅ storage:link + аксессор avatar-URL — преобразование сохраненного пути в реальный URL браузера ✅ Адаптивная сетка карточек с резервным аватаром инициалов (изображение никогда не будет неработоспособным) ✅ Реальная загрузка файлов с помощью forceFormData И индикатор выполнения в реальном времени ✅ Подмена метода: отправка файла в запросе PATCH (браузеры этого сделать не могут — вот в чем хитрость) ✅ Зависимые выпадающие списки — позиции, которые фильтруют данные в реальном времени по мере выбора отдела ✅ Богатая страница профиля, построенная на основе вложенных свойств без дополнительной логики 🧰 Стек: Laravel 13 · React 19 · Inertia.js 3 · TypeScript · Tailwind CSS 4 · Pest 4 · SQLite Исходный код: https://github.com/shadrackjm/hr-mana... 👉 Далее: Эпизод 7 — Типы увольнений и балансы. 🔔 Подписывайтесь — новый эпизод каждую неделю. #Laravel #React #FileUpload #InertiaJS #WebDevelopment