Memuat Naik Gambar melalui Panggilan Balik Asinkron dalam JavaScript

Mari kita laksanakan fungsi loadImage, yang akan memuat naik gambar. Biarkan parameter pertama fungsi ini menerima laluan ke gambar, dan yang kedua - panggilan balik, yang akan dilaksanakan apabila gambar selesai dimuat naik:

loadImage('img.png', function() {
	// akan dilaksanakan selepas gambar dimuat naik
});

Biarkan parameter pertama panggilan balik kita mendapat pautan kepada elemen DOM gambar, dan yang kedua - ralat, jika berlaku situasi yang luar biasa:

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

Kita boleh menggunakan fungsi kami seperti berikut:

loadImage('image.png', function(image, err) {
	document.body.append(image); // letakkan gambar selepas dimuat naik
});

Atau dengan pemprosesan situasi yang luar biasa:

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

Laksanakan fungsi loadImage. Gunakan untuk ini kod untuk memuat naik gambar yang telah anda pelajari sebelum ini.