Учитавање слика преко асинхроних колбекова у JavaScript-у
Хајде да имплементирамо функцију loadImage,
која ће учитавати слике. Нека први параметар
ове функције прима пут до слике, а други - колбек,
који ће се извршити када се слика учита:
loadImage('img.png', function() {
// извршиће се након учитавања слике
});
Нека у први параметар нашег колбека доспе референца на DOM елемент слике, а у други - грешка, ако дође до изузетне ситуације:
loadImage('img.png', function(image, err) {
console.log(image, err);
});
Нашу функцију можемо користити на следећи начин:
loadImage('image.png', function(image, err) {
document.body.append(image); // поставићемо слику по учитавању
});
Или са обрадом изузетне ситуације:
loadImage('image.png', function(image, err) {
if (!err) {
document.body.append(image);
} else {
console.log('догодила се грешка: ' + err);
}
});
Имплементирајте функцију loadImage. Користите
за то раније проучени
код за учитавање
слика.