Upakiaji wa Picha Kupitia Vitendo vya Nyuma vya Asynchronous katika JavaScript

Hebu tutekeleze kitendakazi loadImage, ambacho kitapakia picha. Hebu kigezo cha kwanza cha kitendakazi hiki kikubali njia ya picha, na cha pili - kitendo cha nyuma, ambacho kitatekelezwa wakati picha itakapopakuliwa:

javascriptloadImage('img.png', function() {
  // itatekelezwa upon upakiaji wa picha
});

Hebu kigezo cha kwanza cha kitendo chetu cha nyuma kikae kiungo kwa kipengele cha DOM cha picha, na cha pili - kosa, ikiwa hitajo la kipekee litatokea:

javascriptloadImage('img.png', function(image, err) {
  console.log(image, err);
});

Tunaweza kutumia kitendakazi chetu kama ifuatavyo:

javascriptloadImage('image.png', function(image, err) {
  document.body.append(image); // tutaweka picha upon upakiaji
});

Au kwa kushughulikia hitajo la kipekee:

javascriptloadImage('image.png', function(image, err) {
  if (!err) {
    document.body.append(image);
  } else {
    console.log('kosa limetokea: ' + err);
  }
});