如何在文件输入更改事件中使用循环

Question

您好我有以下代码

function fileValidation() {
  var fileInput = document.getElementById('filech');
  var filePath = fileInput.value;
  var allowedExtensions = /(\.jpg|\.jpeg|\.png|\.gif)$/i;
  if (!allowedExtensions.exec(filePath)) {
    alert('error .jpeg/.jpg/.png/.gif ');
    fileInput.value = '';
    return false;
  } else {
    //Image preview
    if (fileInput.files && fileInput.files[0]) {
      var reader = new FileReader();
      reader.onload = function(e) {
        document.getElementById('imagePreview').innerHTML = '<img src="' + e.target.result + '"/>';
      };
      reader.readAsDataURL(fileInput.files[0]);
    }
  }
}

<input id="filech" type="file" name="file_img[]" multiple onchange="return fileValidation()" />

<div id="imagePreview"></div>

按

上传照片

   <input  id="filech"  type="file" name="file_img[]" multiple onchange="return fileValidation()" />

然后显示

<div id="imagePreview"></div>

我想要显示所有图片而不是一张

如何在这里使用循环并感谢所有