Vaizdų įkėlimas naudojant asinchroninius atgalinio ryšio iškvietimus JavaScript

Įgyvendinkime funkciją loadImage, kuri įkels vaizdus. Tegul pirmasis šios funkcijos parametras yra kelias iki vaizdo, o antrasis - atgalinio ryšio iškvietimas (callback), kuris bus vykdomas, kai vaizdas bus įkeltas:

loadImage('img.png', function() {
	// bus vykdomas, kai vaizdas įkeltas
});

Tegul į pirmąjį mūsų atgalinio ryšio iškvietimo parametrą pateikiama nuoroda į DOM vaizdo elementą, o į antrąjį - klaida, jei įvyks išimtinė situacija:

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

Mes galime naudoti mūsų funkciją taip:

loadImage('image.png', function(image, err) {
	document.body.append(image); // patalpinsime vaizdą, kai jis bus įkeltas
});

Arba su išimtinės situacijos apdorojimu:

loadImage('image.png', function(image, err) {
	if (!err) {
		document.body.append(image);
	} else {
		console.log('įvyko klaida: ' + err);
	}
});

Įgyvendinkite funkciją loadImage. Naudokite tam anksčiau išmoktą kodą vaizdų įkėlimui.