FileUploader

Свойства

• buttonTitle (string):
  Текст кнопки для выбора файлов. По умолчанию: 'Select file...'.
• buttonPrimary (boolean):
  Определяет, будет ли кнопка выбора файлов стилизована как основная.
• multiple (boolean):
  Разрешает загрузку нескольких файлов одновременно.
• accept (string):
  Формат принимаемых файлов, например, 'image/*', 'audio/*', или конкретные расширения (например, '.pdf').
• name (string):
  Имя для поля загрузки файлов. Может быть использовано для работы с формами.
• value (File[] | File | null):
  Текущее значение поля загрузки файлов. Может быть массивом файлов или одним файлом.
• onInput *(function(value: File[] | File | null)):
  Функция-обработчик, вызываемая при изменении загруженных файлов.
• onUploadedFileClick *(function(file: File)):
  Обработчик, который вызывается при клике на загруженный файл.

Важные моменты

• convertValue:
  Преобразует значение value в массив файлов для отображения.
• removeFile:
  Удаляет файл из списка загруженных файлов.
• onFileInputHandler:
  Обработчик для изменения в поле <input type="file">. Обрабатывает выбранные файлы и передает их в компонент.
• checkAccept:
  Проверяет, соответствует ли файл указанным типам (accept). Если тип не указан, файл принимается.
• uploadFile:
  Отправляет файл на сервер и отслеживает прогресс загрузки. После успешной загрузки добавляет файл в список загруженных.

Компоненты

• FileUploaderItem:
  Отдельный компонент для отображения загруженного файла. Отображает превью изображения или название файла, а также кнопку для удаления файла.
• FileUploaderUploadingItem:
  Отдельный компонент для отображения загружаемого файла, включая отображение прогресса загрузки.

Вспомогательные функции

humanFileSize:
Форматирует размер файла в удобочитаемый формат (например, "1.2 MB"). humanFileType:
Возвращает удобочитаемое название типа файла (например, 'изображение' для image/*).