Încărcarea imaginilor prin callback-uri asincrone în JavaScript
Să implementăm funcția loadImage,
care va încărca imagini. Fie ca primul
parametru al acestei funcții să primească calea către imagine,
iar al doilea - un callback, care se va executa când
imaginea va fi încărcată:
loadImage('img.png', function() {
// se va executa la încărcarea imaginii
});
Fie ca în primul parametru al callback-ului nostru să ajungă referința la elementul DOM al imaginii, iar în al doilea - eroarea, dacă apare o situație excepțională:
loadImage('img.png', function(image, err) {
console.log(image, err);
});
Putem folosi funcția noastră în modul următor :
loadImage('image.png', function(image, err) {
document.body.append(image); // vom plasa imaginea la încărcare
});
Sau cu gestionarea situației excepționale:
loadImage('image.png', function(image, err) {
if (!err) {
document.body.append(image);
} else {
console.log('a apărut o eroare: ' + err);
}
});
Implementați funcția loadImage. Folosiți
pentru aceasta
codul pentru încărcarea
imaginilor studiat anterior.