Պատկերների բեռնում ասինխրոն կոլբեքների միջոցով 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 ֆունկցիան: Օգտագործեք
դրա համար ձեր կողմից նախկինում ուսումնասիրված
պատկերների բեռնման համար նախատեսված կոդը:
