Определение

File uploader (загрузчик файлов) – это компонент позволяющий пользователям загружать один или несколько файлов, перетаскивая их в специально выделенную область страницы или при клике на нее.
Выбрать файл — это кнопка действия, которую выбирает пользователь. После нажатия на кнопку открывается системное диалоговое окно, в котором пользователь может выбрать файл. Типы файлов определяются параметрами системы.

Варианты и состояния

Загружаемый файл имеет три вида состояния:

• complete;
• loading;
• error.

Основные правила

• Загруженные файлы складываются вертикально.
• Label должен информировать о том, что нужно загрузить.
• Описания помогают понять пользователям, какие существуют ограничения по размеру или формату файла.
• Название кнопок должны быть краткими и описывать действие, которое будет выполнено при нажатии.
• По умолчанию текст кнопки «Выбрать файл».
• Текст области, куда загружается файл, должен содержать информацию о том, что для загрузки пользователь может перетащить файл в область или щелкнуть по тексту.
• Загруженный файл состоит из имени файла и размера (опционально).
• Используйте многоточие, если имя файла не помещается в одну строку.

Построение

File uploader состоит из:

• label;
• hint (опционально);
• кнопка или зона перетаскивания;
• загруженный файл.