Képek betöltése aszinkron callback-ekkel JavaScriptben
Valósítsuk meg a loadImage függvényt,
amely képeket fog betölteni. Legyen az első
paramétere a kép elérési útja,
a második paramétere pedig egy callback, amely akkor
fut le, amikor
a kép betöltődik:
loadImage('img.png', function() {
// a kép betöltődésekor fut le
});
Legyen, hogy a callback első paraméterébe a kép DOM elemre mutató hivatkozás kerül, a másodikba pedig - a hiba, ha kivételes helyzet következik be:
loadImage('img.png', function(image, err) {
console.log(image, err);
});
A függvényt a következőképpen használhatjuk:
loadImage('image.png', function(image, err) {
document.body.append(image); // elhelyezzük a képet betöltés után
});
Vagy kivételes helyzet kezelésével:
loadImage('image.png', function(image, err) {
if (!err) {
document.body.append(image);
} else {
console.log('hiba történt: ' + err);
}
});
Valósítsa meg a loadImage függvényt. Használja
ehhez a korábban tanult
képek betöltésére szolgáló
kódot.