How to do image preloading with javascript?

JavascriptFront End TechnologyObject Oriented Programming

You can prefetch images using JavaScript using the following method −

function preloadImage(url) {
   let img = new Image();
   img.src = url;
   return img;

Note that all browsers will release(garbage collect) the image after some seconds if you haven't used it. To avoid this, keep a reference to the img object.

Updated on 02-Dec-2019 06:42:13