Učitavanje slika preko asinhronih kolbekova u JavaScript-u
Hajde da implementiramo funkciju loadImage,
koja će učitavati slike. Neka prvi parametar ove funkcije prima putanju do slike,
a drugi - kolbek koji će se izvršiti kada
slika bude učitana:
loadImage('img.png', function() {
// izvršiće se po učitavanju slike
});
Neka u prvi parametar našeg kolbeka stigne referenca na DOM element slike, a u drugi - greška, ako se desi izuzetna situacija:
loadImage('img.png', function(image, err) {
console.log(image, err);
});
Možemo da koristimo našu funkciju na sledeći način:
loadImage('image.png', function(image, err) {
document.body.append(image); // postavićemo sliku po učitavanju
});
Ili sa obradom izuzetne situacije:
loadImage('image.png', function(image, err) {
if (!err) {
document.body.append(image);
} else {
console.log('desila se greška: ' + err);
}
});
Implementirajte funkciju loadImage. Koristite
za ovo prethodno proučeni
kod za učitavanje
slika.