Загрузка картынак праз асінхронныя коллбэкі ў 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. Выкарыстоўвайце
для гэтага вывучаны вамі раней
код для загрузкі
картынак.