• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Błędna ścieżka obrazka JS

Object Storage Arubacloud
0 głosów
179 wizyt
pytanie zadane 11 marca 2023 w JavaScript przez TOWaD Mądrala (6,000 p.)
zamknięte 12 marca 2023 przez TOWaD

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.');
            }

 

komentarz zamknięcia: Znaleziona odpowiedź, VBService lepszy  niż stack, tam tylko z new Image() znalazłem.

1 odpowiedź

0 głosów
odpowiedź 11 marca 2023 przez VBService Ekspert (254,490 p.)
edycja 12 marca 2023 przez VBService
 
Najlepsza

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');
  }  
}

 

komentarz 11 marca 2023 przez TOWaD Mądrala (6,000 p.)

 Co to z magiczna linia?

 img.src = img.src; 

Dzięki.

1
komentarz 11 marca 2023 przez VBService Ekspert (254,490 p.)

To jest właśnie ten trik wink

1
komentarz 11 marca 2023 przez TOWaD Mądrala (6,000 p.)
Jeszcze raz dzięki.

Podobne pytania

0 głosów
2 odpowiedzi 4,382 wizyt
pytanie zadane 18 października 2015 w HTML i CSS przez Pampi Początkujący (390 p.)
0 głosów
1 odpowiedź 816 wizyt
pytanie zadane 25 stycznia 2019 w JavaScript przez MrxCI Dyskutant (8,260 p.)
0 głosów
2 odpowiedzi 249 wizyt
pytanie zadane 1 czerwca 2016 w HTML i CSS przez mizeriowy Użytkownik (650 p.)

92,661 zapytań

141,554 odpowiedzi

319,995 komentarzy

62,028 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...