Convert An Image To A DataURL or Base64 String Using JavaScript

This site does not allow itself to be embedded. You can still read it on the original site — the toolbar below keeps your place in the directory.

In this short tutorial we explore 3 different JavaScript methods to convert an image into a Base64 string. We look at converting a File object or Blob, a canvas element, and an image tag. In all examples below we assume we already have a <canvas> , <img> , File , or Blob object available. We’ll be converting images to DataURLs, we can use the function below to convert a DataURL to a Base64 string.…

Read on pqina.nl ↗