All Languages >> Javascript >> convert an image into Base64 string using JavaScript

“convert an image into Base64 string using JavaScript” Code Answer

convert an image into Base64 string using JavaScript

javascript by Kamran Taghaddos on May 27 2020 Donate

function getBase64Image(src, callback, outputFormat) {
      const img = new Image();
      img.crossOrigin = 'Anonymous';
      img.onload = () => {
        const canvas = document.createElement('canvas');
        const ctx = canvas.getContext('2d');
        let dataURL;
        canvas.height = img.naturalHeight;
        canvas.width = img.naturalWidth;
        ctx.drawImage(img, 0, 0);
        dataURL = canvas.toDataURL(outputFormat);
        callback(dataURL);
      };

      img.src = src;
      if (img.complete || img.complete === undefined) {
        img.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
        img.src = src;
      }
    }

Javascript queries related to “convert an image into Base64 string using JavaScript”

Learn how Grepper helps you improve as a Developer!

INSTALL GREPPER FOR CHROME

“convert an image into Base64 string using JavaScript” Code Answer

Javascript queries related to “convert an image into Base64 string using JavaScript”

Learn how Grepper helps you improve as a Developer!

All Javascript Answers

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.