Как на страницу загрузить несколько файлов и как исправить ошибку?

Как исправить ошибку, чтобы картинки отображались на странице после выбора файлов в поле input?
  • 19 сентября 2023 г. 9:56
Ответы на вопрос 1
Для загрузки нескольких файлов на страницу и отображения картинок после выбора файлов в поле input вам потребуется использовать HTML и JavaScript.

HTML разметка:
```html
<input type="file" id="file-input" multiple>
<div id="image-container"></div>
```

JavaScript код:
```javascript
const fileInput = document.getElementById('file-input');
const imageContainer = document.getElementById('image-container');

fileInput.addEventListener('change', function() {
  const files = fileInput.files;

  for (let i = 0; i < files.length; i++) {
    const file = files[i];
    const reader = new FileReader();

    reader.addEventListener('load', function() {
      const image = new Image();
      image.src = reader.result;
      imageContainer.appendChild(image);
    });

    reader.readAsDataURL(file);
  }
});
```

Вышеуказанный код добавляет слушатель события "change" на поле input для выбора файлов. Когда пользователь выбирает файлы, код создает объект FileReader и назначает слушатель события "load", который будет выполнен после успешной загрузки файла.

В обработчике события "load" код создает HTML-элемент "img", задает ему источник данных (URL) в качестве результата чтения файла с помощью FileReader, а затем добавляет его в контейнер для изображений.

Чтобы исправить ошибку, вам потребуется более детальное объяснение и описание ошибки, чтобы мы могли предложить вам конкретное решение.
Похожие вопросы