Φόρτωση εικόνων μέσω ασύγχρονων callbacks σε JavaScript

Ας υλοποιήσουμε τη συνάρτηση loadImage, η οποία θα φορτώνει εικόνες. Ας είναι η πρώτη παράμετρος αυτής της συνάρτησης η διαδρομή προς την εικόνα, και η δεύτερη - το callback, το οποίο θα εκτελείται όταν η εικόνα φορτωθεί:

loadImage('img.png', function() {
	// θα εκτελεστεί μετά τη φόρτωση της εικόνας
});

Ας μπαίνει στην πρώτη παράμετρο του callback μας ο σύνδεσμος προς το DOM element της εικόνας, και στη δεύτερη - το σφάλμα, εάν συμβεί κάποια εξαίρεση:

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. Χρησιμοποιήστε για αυτό τον κώδικα για τη φόρτωση εικόνων που μελετήσατε νωρίτερα.