images Archives

Compress an Image File in the Browser with JavaScript

OpenJavaScript — Thu, 22 Dec 2022 13:34:02 +0000

Using the HTML5 Canvas API, you can do image compression on the frontend.

The post Compress an Image File in the Browser with JavaScript appeared first on OpenJavaScript.info.

Random Image with JavaScript

OpenJavaScript — Sun, 11 Dec 2022 06:57:55 +0000

You can use JavaScript to display a random image, both on page load and when a user clicks to get another image. Start by creating an <img> element without an src value: <img id="random-image" src="" alt="Random image"> You can then make a random image appear in the element by storing the path to all images …

Continue reading "Random Image with JavaScript"

The post Random Image with JavaScript appeared first on OpenJavaScript.info.

Image URL to Blob in JavaScript

OpenJavaScript — Tue, 18 Oct 2022 13:17:08 +0000

Let Fetch's response.blob() method do the hard work!

The post Image URL to Blob in JavaScript appeared first on OpenJavaScript.info.

How to save and retrieve images from localStorage

OpenJavaScript — Tue, 11 Oct 2022 05:27:50 +0000

You can use the FileReader API to create a data URL and pass this through localStorage.

The post How to save and retrieve images from localStorage appeared first on OpenJavaScript.info.

Preview a user image before it is uploaded

OpenJavaScript — Mon, 01 Aug 2022 12:14:16 +0000

How to preview an image and check its dimensions and size before uploading.

The post Preview a user image before it is uploaded appeared first on OpenJavaScript.info.

Lazy image and iframe loading using pure HTML

OpenJavaScript — Sat, 29 Jan 2022 10:54:56 +0000

Just set the HTML 'loading' attribute to 'lazy' for images and iframes!

The post Lazy image and iframe loading using pure HTML appeared first on OpenJavaScript.info.