Piltide laadimine asünkroonsete tagasikutsetega JavaScriptis
Rakendame funktsiooni loadImage,
mis laadib pilte. Olgu selle funktsiooni esimene
parameeter tee pildi failini,
ja teine - tagasikutse, mis käivitatakse, kui
pilt on laaditud:
loadImage('img.png', function() {
// käivitatakse pildi laadimisel
});
Olgu meie tagasikutse esimesse parameetrisse viide pildi DOM elemendile, ja teise - viga, kui tekib erandolukord:
loadImage('img.png', function(image, err) {
console.log(image, err);
});
Me saame oma funktsiooni kasutada järgmisel viisil:
loadImage('image.png', function(image, err) {
document.body.append(image); // asetame pildi laadimisel
});
Või koos erandolukorra töötlemisega:
loadImage('image.png', function(image, err) {
if (!err) {
document.body.append(image);
} else {
console.log('tekis viga: ' + err);
}
});
Rakendage funktsioon loadImage. Kasutage
selleks varasemalt õpitud
koodi piltide
laadimiseks.
