如何使用相同的输入按钮附加多个图像

<input type="file" id="image-input" multiple>
<div id="image-container"></div>

const input = document.getElementById('image-input');
input.addEventListener('change', handleImageSelection);

function handleImageSelection(event) {
  const files = event.target.files;
  const container = document.getElementById('image-container');
  
  for (let i = 0; i < files.length; i++) {
    const file = files[i];
    const reader = new FileReader();
    
    reader.onload = function(e) {
      const image = document.createElement('img');
      image.src = e.target.result;
      container.appendChild(image);
    }
    
    reader.readAsDataURL(file);
  }
}

#image-container {
  display: flex;
  flex-wrap: wrap;
}

#image-container img {
  width: 200px;
  height: 200px;
  margin: 10px;
}