Načítanie obrázkov pomocou asynchrónnych callbackov v JavaScripte
Implementujme funkciu loadImage,
ktorá bude načítavať obrázky. Nech prvým
parametrom táto funkcia prijíma cestu k obrázku,
a druhým - callback, ktorý sa vykoná, keď
obrázok bude načítaný:
loadImage('img.png', function() {
// vykoná sa po načítaní obrázku
});
Nech do prvého parametra nášho callbacku sa dostane odkaz na DOM element obrázku, a do druhého - chyba, ak nastane výnimková situácia:
loadImage('img.png', function(image, err) {
console.log(image, err);
});
Môžeme použiť našu funkciu nasledujúcim spôsobom:
loadImage('image.png', function(image, err) {
document.body.append(image); // umiestnime obrázok po načítaní
});
Alebo so spracovaním výnimkovej situácie:
loadImage('image.png', function(image, err) {
if (!err) {
document.body.append(image);
} else {
console.log('nastala chyba: ' + err);
}
});
Implementujte funkciu loadImage. Použite
na to predtým študovaný
kód pre načítanie
obrázkov.