Laravel Vue компонент мультизагрузка файлов с прогресс баром и визуализацией | #1.1

• Рассматривается способ загрузки нескольких файлов с использованием компонента Vue.  

• Будет отображаться прогресс бар и два списка: файлы в очереди и загруженные.  

• Рекомендуется посмотреть плейлист с уроками по Vue и Laravel.  

• Код на стороне сервера взят из предыдущего выпуска по загрузке изображений.  

• Использовано ограничение на входящую и исходящую скорость для демонстрации прогресса.  

• Выполняется команда npm run dev для проекта.  

• Создается компонент, дублируется дефолтный.  

• Выводится прогресс бар и элемент для выбора файлов.  

• Атрибут позволяет выбирать несколько файлов.  

• Инициализируются четыре свойства: список файлов для загрузки, список загруженных файлов, процент загрузки и подпись файла.  

• Заголовки списков файлов: количество элементов, имя и тип.  

• Прогресс бар динамически стилизуется и выводится процент загрузки файла.  

• Подпись к прогресс бару содержит текущий загружаемый файл и символ процента.  

• Используются Promises для асинхронных запросов.  

• Объявляется асинхронная функция и переменная для хранения списка файлов.  

• Преобразуется список файлов в массив и итерируется по элементам.  

• Создается метод для отправки файлов с использованием FormData.  

• Присваивается процент загрузки и обновляется подпись файла.  

• В случае ошибки выводится сообщение в консоль.  

• Компонент регистрируется и выводится в шаблоне.  

• Пересобирается код и запускается сервер.  

• Тестируется загрузка файлов с ограничением скорости и без.  

• Демонстрируется работа компонента с загрузкой файлов.  

• Упоминаются стандартные ограничения для загружаемых файлов.  

• Призыв поддержать канал и подписаться на него.