Preloading Images and Detecting When All Are Loaded

Quick start with the Image constructor, promises, and more

Photo by the author, Cinque Terre

In this article, I will aim to create a function retrieving an image from a given URL and detecting when this image is loaded. Instead of taking a callback then runs when the image has fully loaded the new function returns a promise. The then and catch method can be used on the…




Learn more on JavaScript, functional programming, and front-end development.

Recommended from Medium

How to reverse a string in Wolfram|Alpha?

Javascript, my love/hate story

3 Iterables Converted Into Arrays

Live Whiteboard with Django, React, and WebSockets

Unit testing of components..

Valid Anagram

My Life on the Edge

useState in React Js

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Cristian Salcescu

Cristian Salcescu

Author of Functional Programming in JavaScript. Enthusiastic about sharing ideas.

More from Medium

How to Detect when All Images are Loaded in a React Component

13 Neat Tricks to Manipulate Arrays Like an Expert

How to Identify, Diagnose, and Fix Memory Leaks in Web Apps

a faucet dripping water

Nullish Coalescing Operator