Attēlu ielāde ar asinhronajām atpakaļizsaukumiem JavaScript

Implementēsim funkciju loadImage, kura ielādēs attēlus. Ļaujiet šai funkcijai pirmo parametru pieņemt ceļu uz attēlu, un otro - atpakaļizsaukumu, kas izpildīsies, kad attēls tiks ielādēts:

loadImage('img.png', function() {
	// izpildīsies pēc attēla ielādes
});

Ļaujiet mūsu atpakaļizsaukuma pirmajā parametā nonākt atsaucei uz DOM attēla elementu, bet otrajā - kļūdai, ja notiks izņēmuma situācija:

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

Mēs varam izmantot mūsu funkciju šādi:

loadImage('image.png', function(image, err) {
	document.body.append(image); // ievietosim attēlu pēc ielādes
});

Vai arī ar izņēmuma situācijas apstrādi:

loadImage('image.png', function(image, err) {
	if (!err) {
		document.body.append(image);
	} else {
		console.log('notika kļūda: ' + err);
	}
});

Implementējiet funkciju loadImage. Izmantojiet tam iepriekš apgūto kodu attēlu ielādei.