[JavaScript]Dodanie i pokazanie obrazka po kliknięciu Opcje

[BienuSS]

Witam.
Mam na stronie 4 pola aby dodać obrazy, po dodaniu 1 wszystko sie ładnie zmienia i zapisuje. Jednak w pozostałych 3 juz nie działa. Jak dla mnie wina jest w zmiennej "file" jednak nie moge dojsc do rozwiązania problemuf

[HTML] pobierz, plaintext 
<script>
  function previewFile(q1) {
 
  var preview = document.getElementById(q1);
  var file    = document.querySelector('input[type=file]').files[0];
  var reader  = new FileReader();
 
  reader.addEventListener("load", function () {
    preview.src = reader.result;
  }, false);
 
  if (file) {
    reader.readAsDataURL(file);
  }
}
  </script>
 
[HTML] pobierz, plaintext 

[trueblue]

No ale files[0] nadal należy używać. Tak jak pisałem, wartość tego elementu wskazuje na wybrany plik. Gdybyś miał opcję multiple dla input, to wartości byłyby również pod kolejnymi indeksami.