[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 

[BienuSS]

Przerobiłem w ten sposób obrazek wysyła ale nie pokazuje na żywo, plus jak zmieniam jeden obrazek to pozostałe sie kasują ...

[SQL] pobierz, plaintext 
<input type="file" id="images-upload-input-1" accept=".png, .jpg, .jpeg" name="image_1" onchange="openFile('images-upload-input-1');" style='display: none;' />
 
FUNCTION openFile(q1) {
    var input = q1.target;
 
    var reader = new FileReader();
    reader.onload = FUNCTION(){
      var dataURL = reader.result;
      var output = document.getElementById('img-new-1');
      output.src = dataURL;
    };
    reader.readAsDataURL(input.files[0]);
    input.readAsDataURL(output);
  };
[SQL] pobierz, plaintext 

jesli zmienie

[SQL] pobierz, plaintext 
 
<input type="file" id="images-upload-input-1" accept=".png, .jpg, .jpeg" name="image_1" onchange="openFile(event);" style='display: none;' />
[SQL] pobierz, plaintext 

to obrazek sie pokazuje ale nie wysyła.

Ten post edytował BienuSS 19.10.2020, 17:06:10