Вчитување на слики преку асинхрони повици во 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. Користете
за ова претходно изучениот
код за вчитување
на слики.