Ngarkimi i imazheve përmes callback-eve asinkron në JavaScript
Le të implementojmë funksionin loadImage,
i cili do të ngarkojë imazhe. Le të pranojë si parametër të parë
këtë funksion shtegun drejt imazhit,
ndërsa si të dytën - një callback, i cili do të ekzekutohet kur
imazhi të jetë ngarkuar:
loadImage('img.png', function() {
// do të ekzekutohet pas ngarkimit të imazhit
});
Le të kalojë në parametrin e parë të callback-it tonë linku te elementi DOM i imazhit, dhe në të dytin - gabimi, nëse ndodh një situatë e jashtëzakonshme:
loadImage('img.png', function(image, err) {
console.log(image, err);
});
Ne mund ta përdorim funksionin tonë në mënyrën vijuese :
loadImage('image.png', function(image, err) {
document.body.append(image); // do ta vendosim imazhin pas ngarkimit
});
Ose me përpunimin e situatës së jashtëzakonshme:
loadImage('image.png', function(image, err) {
if (!err) {
document.body.append(image);
} else {
console.log('ndodhi një gabim: ' + err);
}
});
Implementoni funksionin loadImage. Përdorni
për këtë
kodin për ngarkimin e imazheve të studiuar nga ju më parë.