Skip to content

Instantly share code, notes, and snippets.

@ivanhjiangwen
Created May 19, 2020 02:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ivanhjiangwen/8beac18b5ccdda57dbbd96777b021e53 to your computer and use it in GitHub Desktop.
Save ivanhjiangwen/8beac18b5ccdda57dbbd96777b021e53 to your computer and use it in GitHub Desktop.
Jquery: convert img src to base64
function convertImgToBase64(url, callback, outputFormat) {
var canvas = document.createElement('CANVAS'),
ctx = canvas.getContext('2d'),
img = new Image;
img.crossOrigin = 'Anonymous';
img.onload = function () {
var dataURL;
canvas.height = img.height;
canvas.width = img.width;
ctx.drawImage(img, 0, 0);
dataURL = canvas.toDataURL(outputFormat);
callback.call(this, dataURL);
canvas = null;
};
img.src = url;
}
$("img").each(function (index, element) {
convertImgToBase64($(this).attr('src'), function (base64Img) {
$(element).attr('src', base64Img);
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment