Błędna ścieżka obrazka JS

Question

Błędna ścieżka obrazka .

<img src="111.png" alt="Jakaś funkcja JS">

Jak to złapać (bez new Image()), to nie działa:

console.log("img.complete",img.alt=()=>console.log("alt"));
            console.log({img});
            console.log(img.before());
            img.onload=imageFound;
            img.onerror=imageNotFound;
            img.addEventListener("load", e => {
                console.log("Dana grafika została załadowana");
            });
            function imageFound() {
                console.error('That image is found and loaded');
            }
            
            function imageNotFound() {
                console.error('That image was not found.');
            }

 

Answer 1

Spróbuj takiego triku

[ on-line ]

const img = document.querySelector('img');
img.src = img.src;

img.onload = () => {
  img.alt = 'Image is loaded';
  console.info('That image is found and loaded');
}
img.onerror = () => {
  img.alt = 'Image ' + img.src + ' was not found';
  console.error('That image was not found');
}

 

analogicznie

[ on-line ]

const images = document.querySelectorAll('img');
for (img of images) {
  img.src = img.src;

  img.onload = () => {
    img.alt = 'Image is loaded';
    console.info('Image: ' + img.src);
    console.info('That image is found and loaded');
  }
  img.onerror = () => {
    img.alt = 'Image ' + img.src + ' was not found';
    console.error('Image: ' + img.src);
    console.error('That image was not found');
  }  
}

 

Comments

 Co to z magiczna linia?

 img.src = img.src; 

Dzięki.

---

To jest właśnie ten trik 

---

Jeszcze raz dzięki.