Селектор папок с помощью responsejs

Question

Мне нужно создать компонент в Reactjs, который позволит пользователю выбрать каталог из своей системы.Я попытался использовать

input name = "myFile" type = "file"

, что позволяет пользователю выбирать файлы. Я хочу что-то вроде этого

Answer 1

Вы можете использовать пакет для этого пути npm i path Этот пакет устанавливается по умолчанию в проектах узлов, он используется для чтения расширения файла, имени файла, а также мы можем использовать его для поиска родителя.имя каталога (которое вы просили) и многое другое, что мы можем сделать.

Вы также можете установить это в реагировать на чтение имени каталога Выберите этот метод, чтобы прочитать имя каталога / папки или Проверьте этот сайт

Но вы должны указать путь к файлу

Кроме того, проверьте загрузчик Ant-design, чтобы легко получить доступ к пути к файлу Компонент Ant-design Link Вы можете получить путь в функции onChange.

Answer 2

Хотите загрузить файл?

, если ваша цель состоит в том, чтобы вы могли просто сделать это с любыми сторонними компонентами, которые они уже написали.

для файлов, которые вы можете сделать это:

<input type="file" onChange={ (event) => this.handleChange(event.target.files) } />

handleChange(selected: FileList)
    {
        console.log(selected);
    }