Dropzone

Компонент для загрузки файлов, без отображения индикации загрузки. Компонент не предполагает наличия валидации, так как является частью Upload. Но валидацию можно задать с помощью callback validator.

Быстрый старт​

Live Editor

Result

Растягивание​

С помощью свойства stretch компонент растягивается на всю доступную ширину:

Live Editor

Result

Множественный выбор​

С помощью свойства multiple можно разрешить выбор нескольких файлов одновременно:

Live Editor

Result

Контролируемый режим​

Компонент поддерживает контролируемый режим через свойство files. При изменении списка файлов снаружи (например, при удалении) компонент автоматически сбрасывает состояние инпута, что позволяет повторно выбрать тот же файл:

Live Editor

Result

Валидация​

С помощью свойства validator можно задать функцию валидации файлов. Она вызывается перед onDrop и onChoseFiles и должна вернуть объект с acceptedFiles и опционально rejectedFiles:

Live Editor

Result

API​