Выберите несколько файлов в ответ на ссылки

Question

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

Я попытался добавить атрибут multiple к моему элементу ввода, а также accept="image/*, но ни один из них не сработал.в настоящее время я продолжаю пытаться с multiple.вот мой текущий код

...

  handleFile(e){
        let images = this.imgRef.current.files
        console.log(Array.from(images))
}

...

 <input type="file" name="images" id="imgid" className="imgcls" ref={this.imgRef} onChange={this.handleFile} style={{ display: "none" }} multiple/>

Я хочу регистрировать каждую информацию о файле, но это то, что я получаю вместо этого

https://imgur.com/S2EwDLs

Answer 1

Вам не нужны ссылки для доступа к файлам.Вы можете сделать это просто из события, полученного при изменении, например:

class App extends Component {
  handleFile(e) {
    console.log(e.target.files)
  }

  render() {
    return (
      <div className="App">
        <input type="file" name="images" id="imgid" className="imgcls" onChange={this.handleFile} multiple/>
      </div>
    );
  }
}