Problem z wgrywaniem zdjęc na stronie

Question

Witam, mam taki problem. W aplikacji mam cos takiego, ze mogę wgrac jakies zdjecie z dysku i zanim zapiszę te zdjęcie w aplikacji to mogę po najechaniu zobaczyć jego podgląd i ewentualnie je usunąc krzyzykiem i wybrac inne zdjęcie i tu narazie wszystko działa, tylko problem jest gdy po wyłączeniu zdjęcia krzyzykiem chce dodać te same zdjęcie to wtedy nie wczytuje mi zdjęcia, natomiast inne juz normalnie. Wie ktoś może w czym może byc problem? Kodu narazie nie wstawiam bo jest zbyt duzo

Answer 1

A próbowałeś ustawić atrybut value input-a (type=file) na "pusty"?

 

Przykład

<input type="file" />
<img src="" />

input, img {
  display: block;
  margin: 1em 0;
}
img {
  width: 100px;
  height: 100px;
  cursor: pointer;
}

const file_img = document.querySelector('input'),
      view_img = document.querySelector('img');

file_img.addEventListener('change', imageLoad);
view_img.addEventListener('click', clearView);

function imageLoad() {
  if (file_img.files && file_img.files[0]) {
    const reader = new FileReader();
    reader.onload = imageIsLoaded;
    reader.readAsDataURL(file_img.files[0]);
  }
}

function imageIsLoaded({target}) {
  view_img.src = target.result;
}

function clearView() {
  view_img.src = '';
  file_img.value = '';
}

 

Comments

łoo szacunek, z samego opisu rozwiązałeś mój problem. Dziekuje